jquery validate只能验证表单吗(jquery validate)
大家好,小东来为大家解答以上问题。jquery validate只能验证表单吗,jquery validate很多人还不知道,现在让我们一起来看看吧!
1、首先,下载jquery-validation插件,然后将其解压缩,并复制出几个需要引入到项目中的文件。
2、通常,需要以下文件:
3、Jquery.min.js(因为这个插件是基于Jquery的,所以要先介绍jquery库文件)
4、Jquery.validate.min.js(验证插件)
5、Messages_zh.js(中文信息文件,如果需要支持英文或其他语言,介绍相应的资源文件)
6、Additional-methods.js(其他身份验证方法,如自定义身份验证方法,可以写入该文件)
7、将以上文件复制到项目的资源文件目录中()
8、将上述文件引入页面是关键。不介绍就看不到测试结果。
9、完整的测试示例代码
10、!声明文档类型
11、超文本标记语言
12、头
13、meta charset='utf-8 '
14、标题用户信息/标题
15、脚本src='./js/jquery-validation/jquery . min . js '/脚本
16、脚本src='./js/jquery-validation/jquery . validate . min . js '/script
17、脚本src='./js/jquery-validation/messages _ zh . js '/脚本
18、脚本src='./js/jquery-validation/additional-methods . js '/script
19、脚本
20、$().ready(function() {
21、$('#userInfoForm ')。验证({
22、规则: {
23、用户名: {
24、要求:为真,
25、minlength: 2
26、},
27、年龄:岁
28、要求:为真,
29、数字:真
30、},
31、密码: {
32、要求:为真,
33、最小长度: 6
34、},
35、confirm_password: {
36、要求:为真,
37、minlength: 6,
38、等于: ' #密码'
39、},
40、电子邮件: {
41、要求:为真,
42、email: true
43、}
44、},
45、消息: {
46、用户名: {
47、要求:“请输入用户名”,
48、Minlength:“用户名必须由两个字母组成”
49、},
50、年龄:岁
51、必填: '请输入年龄',
52、Digits: '必须输入整数'
53、},
54、密码: {
55、需要: '请输入密码',
56、Minlength: '密码长度不能少于6位数'
57、},
58、confirm_password: {
59、需要: '请输入密码',
60、Minlength: '密码长度不能少于6位数',
61、等于: '两个密码不一致'
62、},
63、Email:“请输入正确的电子邮件地址”
64、}
65、});
66、});
67、/脚本
68、风格。错误{
69、颜色:红色;
70、}
71、/风格
72、/头
73、身体
74、表单id=' userInfoForm ' method=' post ' action=' '
75、表单分组
76、图例用户基本信息/图例
77、p
78、='用户名'的标签用户名/标签
79、输入id='用户名'名称='用户名'类型='文本'
80、/p
81、p
82、Label=' age '年龄/label
83、输入id='年龄'名称='年龄'类型='文本'
84、/p
85、p
86、='密码'的标签密码/标签
87、输入id='密码'名称='密码'类型='密码'
88、/p
89、p
90、Label=' confirm _ password '验证密码/label
91、输入id='确认密码'名称='确认密码'类型='密码'
92、/p
93、p
94、='email '电子邮件的标签/标签
95、输入id='电子邮件'名称='电子邮件'类型='电子邮件'
96、/p
97、p
98、类='提交'类型='提交'值='提交'
99、/p
100、/字段集
101、/表单
102、/body
103、/html
104、如果你没有填写表格的内容,只需点击提交按钮,你可以在表格的右边看到一个红色的信息。请输入内容。
105、现在在测试下,如果输入错误的内容,会提示内容信息。年龄限制必须为整数,密码必须为6位或以上,验证密码必须与上述密码一致,电子邮件地址必须采用正确的格式。
106、将上述测试的错误内容更改为正确的值,可以看到所有验证都通过了。你能感觉到使用validate插件后,可以轻松完成表单的验证,并且默认的验证格式都提供了,可以直接使用吗?验证提示信息也可以根据自己的需求定制,配置非常灵活。
- 标签:
- 编辑:王丽
- 相关文章
-
前列腺疾病市人民医院举办“中国县域前列腺健康公益筛查项目”韩城站启动仪式
月2日12,持的“中国县域前线腺安康公益筛查项目” 韩城站启动典礼在市群众病院举办中国低级卫生保健基金会主理、韩都会群众病…
-
有“妇科病”的女生嘴巴通常会有“3症状”希望你一个不占!_女性妇科病都有哪些
该当属于淡粉色的嘴唇一般状况下,润滑腻并且莹,裂口无,的起干皮不会随便,的女生呈现嘴唇干裂的状况但是糊口中却也不乏许多,缺少水…
- 第十二次全国优生科学大会、第五届妇产科疾病诊疗新进展“龙江论坛”举行?妇科常见的
- 痛经等10种妇科疾病的食疗法(组图)2022年8月9日
- 妇科常见的十种疾病妇科疾病受重视程度不断提升女性健康服务市场需求潜力现状分析【组
- 常见男性疾病图片传染性疾病
- 八种疾病是男人“自找”的!(图)-常见男性疾病图片