您的位置首页  生理疾病  男性疾病

jquery validate只能验证表单吗(jquery validate)

  • 来源:互联网
  • |
  • 2022-07-08
  • |
  • 0 条评论
  • |
  • |
  • T小字 T大字

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插件后,可以轻松完成表单的验证,并且默认的验证格式都提供了,可以直接使用吗?验证提示信息也可以根据自己的需求定制,配置非常灵活。

免责声明:本站所有信息均搜集自互联网,并不代表本站观点,本站不对其真实合法性负责。如有信息侵犯了您的权益,请告知,本站将立刻处理。联系QQ:1640731186
TAGS标签更多>>