jQuery Validate success()
此方法可以自定義表單元素驗證成功的提示資訊,具體參閱jQuery Validate自定義驗證成功資訊一章節。
語法結構:
[JavaScript] 純文字檢視 複製程式碼function (error, element)
引數解析:
(1).error:必需,存放成功資訊的元素(和存放錯誤資訊是同一個元素)。
(2).element:可選,當前表單元素物件。
程式碼例項如下:
[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; } label.success { color:green; } </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 () { $("#myform").validate({ success: function (error, element) { if (element.name == "username") { error.text("你的名字真好聽").addClass("success"); } else if (element.name == "pw") { error.text("你的密碼真安全").addClass("success"); } else { error.text("郵箱是正確的").addClass("success"); } }, rules: { username: "required", pw: "required", email: "required" }, messages: { name: "使用者名稱是必填專案", pw: "密碼是必填專案", email: { required: "郵箱是必填專案", email:"郵箱格式不正確" } } }); }); </script> </head> <body> <form id="myform"> <ul> <li>姓名:<input type="text" name="username"/></li> <li>密碼:<input type="password" name="pw"/></li> <li>郵箱:<input type="text" name="email"/></li> <li> <input type="submit" value="提交"/> <input type="reset" value="重置"/> </li> </ul> </form> </body> </html>
相關文章
- Jquery--ValidatejQuery
- jQuery Validate addMethod()jQuery
- jQuery Validate errorPlacement()jQueryError
- jQuery Validate optional()方法jQuery
- jQuery Validate invalidHandler()jQuery
- jQuery ajax中success和complete區別jQuery
- jQuery Validate的format()用法jQueryORM
- jquery validate用法總結jQuery
- jQuery.validate 詳解jQuery
- jquery validate 詳解一jQuery
- jquery validate 詳解二jQuery
- jQuery Validate highlight()jQuery
- jQuery Validate簡單介紹jQuery
- jquery validate 手工驗證方法jQuery
- jQuery Validate unhighlight()jQuery
- jQuery Validate依賴項介紹jQuery
- jquery.validate 表單驗證jQuery
- jQuery Validate非同步ajax方式驗證jQuery非同步
- jQuery Validate驗證規則的使用jQuery
- jQuery Validate驗證規則使用演示jQuery
- jQuery Validate忽略指定元素不驗證jQuery
- jQuery Validate驗證規則實質jQuery
- jQuery Validate驗證觸發的方式jQuery
- jQuery Validate驗證除錯開關jQuery除錯
- jQuery Validate自定義驗證成功資訊jQuery
- jQuery validate 自定義樣式、規則jQuery
- jQuery外掛之驗證控制元件jquery.validate.jsjQuery控制元件JS
- jQuery Validate全域性配置和例項配置jQuery
- jQuery Validate限定輸入字串的長度jQuery字串
- jQuery Validate驗證上傳檔案大小jQuery
- jQuery Validate自定義驗證錯誤資訊jQuery
- jQuery Validate新增自定義驗證規則jQuery
- jQuery驗證控制元件jquery.validate.js的使用介紹jQuery控制元件JS
- jQuery Validate自定義錯誤資訊顯示位置jQuery
- jQuery Validate表單驗證基本流程介紹jQuery
- jQuery Validate對select下拉選單驗證jQuery
- jQuery Validate驗證確認密碼是否相同jQuery密碼
- jQuery Validate checkbox和radio驗證jQuery