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很多人還…
-
新生兒吹空調的危害有多大(新生兒吹空調的危害)
大家好,小編來為大家解答以上的問題。新生兒吹空調的危害有多大,新生兒吹空調的危害很多人還…
- 茶葉水的功效與作用泡腳(茶葉水的功效與作用)
- 喝什么茶有助于睡眠減輕壓力(喝什么茶有助于睡眠)
- 喉嚨白斑是什么原因(白斑是什么原因)
- 漢森四磨湯口服液(漢森四磨湯的功效)
- 頭癢癢是用什么醋洗(頭癢癢的厲害用醋洗可以嗎)