jQuery Validate限定輸入字串的長度
本章節介紹一下如何利用Validate限定文字框中字元輸入的長度。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> ul li{ list-style:none; margin-top:5px; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="http://www.softwhy.com/demo/jQuery/js/jquery.validate.js"></script> <script src="http://www.softwhy.com/demo/jQuery/js/messages_zh.js"></script> <script> $(document).ready(function () { $("#one").validate({ rules: { username: { required: true, maxlength: 20 }, pw: { required: true, rangelength: [5, 15] }, address: { required: true, minlength: 15 } }, messages: { username: { required: "使用者名稱是必填專案", maxlength: "使用者名稱最大長度不能超過20" }, pw: { required: "密碼是必填專案", rangelength: "密碼的長度必須介於5-15之間" }, address: { required: "地址是必填專案", minlength: "地址字元的長度不得少於15" } } }); }); </script> </head> <body> <form id="one" action="http://www.softwhy.com/"> <ul> <li>姓名:<input type="text" name="username"/></li> <li>密碼:<input type="password" name="pw"/></li> <li>住址:<input type="text" name="address"/></li> <li> <input type="submit" value="提交"/> <input type="reset" value="重置"/> </li> </ul> <label for="username"></label> </form> </body> </html>
上面的程式碼實現了我們的要求,實現陣列字串長度的驗證效果。
相關文章
- jQuery Validate限定輸入數字大小的範圍jQuery
- 表單限制字串輸入長度字串
- jQuery Validate限定核取方塊選中的數目jQuery
- 編寫一個程式求輸入字串的長度字串
- 讀取不定長字串輸入字串
- jQuery Validate highlight()jQuery
- jQuery Validate addMethod()jQuery
- jQuery Validate errorPlacement()jQueryError
- jQuery Validate success()jQuery
- jQuery Validate unhighlight()jQuery
- jQuery Validate的format()用法jQueryORM
- 按位長度進行字串的分割輸出,長度不足補0字串
- QLineEdit限定只能輸入整數
- jQuery Validate optional()方法jQuery
- 讓 Android 輸入框只能輸入固定長度的中英文Android
- Jquery Validate自定義驗證規則,一個漢字等於兩個字元長度jQuery字元
- ncurses輸入函式:字元+字串的輸入函式字元字串
- jQuery Validate驗證觸發的方式jQuery
- jQuery Validate驗證規則的使用jQuery
- jQuery Validate簡單介紹jQuery
- 輸入兩個長度相同的字串,比較兩個數在相同位置的字元是否相同字串字元
- wps的excel中的單元格限定輸入的內容Excel
- iOS開發若何更好的限制UITextField的輸入長度?iOSUI
- jQuery Validate checkbox和radio驗證jQuery
- jquery.validate 表單驗證jQuery
- jQuery Validate依賴項介紹jQuery
- element-ui 輸入框el-input 輸入長度限制元件不生效UI元件
- jQuery 顯示 input 輸入的密碼!jQuery密碼
- 處理stdin輸入的字串指令字串
- String字串的最大長度是多少?字串
- jQuery Validate驗證除錯開關jQuery除錯
- jQuery Validate驗證規則實質jQuery
- jQuery Validate驗證規則使用演示jQuery
- jQuery Validate忽略指定元素不驗證jQuery
- jQuery Validate非同步ajax方式驗證jQuery非同步
- 輸入一段字串,去除字串中重複的字元,並輸出字串字元
- jQuery Validate獲取驗證錯誤的數目jQuery
- vue---input只能輸入數字,且限制長度Vue