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插件后，可以輕松完成表單的驗證，并且默認的驗證格式都提供了，可以直接使用嗎？驗證提示信息也可以根據自己的需求定制，配置非常靈活。