黄色片网站免费观看-黄色片网站观看-黄色片网站大全-黄色片视频网-色偷偷网址-色偷偷网站

您的位置  性愛行為  性高潮

jquery validate只能驗證表單嗎(jquery validate)

  • 來源:互聯網
  • |
  • 2022-07-08
  • |
  • 0 條評論
  • |
  • |
  • T小字 T大字

大家好,小東來為大家解答以上問題。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