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插件后,可以轻松完成表单的验证,并且默认的验证格式都提供了,可以直接使用吗?验证提示信息也可以根据自己的需求定制,配置非常灵活。
- 标签:丰达快递查询
- 编辑:李娜
- 相关文章
-
jquery validate只能验证表单吗(jquery validate)
大家好,小东来为大家解答以上问题。jquery validate只能验证表单吗,jquery validate很多人还…
-
新生儿吹空调的危害有多大(新生儿吹空调的危害)
大家好,小编来为大家解答以上的问题。新生儿吹空调的危害有多大,新生儿吹空调的危害很多人还…
- 茶叶水的功效与作用泡脚(茶叶水的功效与作用)
- 喝什么茶有助于睡眠减轻压力(喝什么茶有助于睡眠)
- 喉咙白斑是什么原因(白斑是什么原因)
- 汉森四磨汤口服液(汉森四磨汤的功效)
- 头痒痒是用什么醋洗(头痒痒的厉害用醋洗可以吗)