-
@Validation插件-简介 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
@客户端验证优点 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
Validator对象查看全部
-
jQuery表单验证插件：https;//plugins.jquery.com/tag/validate/ jQuery Validation插件是最常用的插件之一:http://jqueryvalidation.org/查看全部
-
给new Date()前加个+号返回的是毫秒数查看全部
-
validate（）方法是validate插件中 的核心方法<br> 基本的验证方法有required：true, 必填 remote:"url地址" 去该地址远程校验 minlength 最小长度 maxlength 最大长度 rangelength 长度范围 min最小值 max最大值 range值范围 email Email格式 url URL格式 date 日期 dateISO ISO日期 number 数字 digits 整数 equalTo 与另一个元素值相等查看全部
-
jQuery Validation也可自定義驗證的方法，（像是required那種的）： $.validator.addMethod(name,.method[,message]) name:方法名稱 method: function(value,element,params)方法邏輯 function( 驗證元素的值[比如username里填個ABC就是ABC,是自定義的驗證元素名稱], 被驗證的元素(如username的input), 方法的參數[也可不寫]) message:提示消息（可寫可不寫） this.optional(element) 意思填寫值了才會驗證，加上這個之後最好設置require，否則這個驗證不會被執行 return this.optional(element); 當郵政編碼不是必填項時，element為空，返回true，不會進行效驗 return (postcode.test(value)); 當郵政編碼是必填項時，不管是否有值，都要進行效驗 PS: additional-methods.js 包含了很多擴展驗證方法。在寫自定義方法時可以參考這個js庫 EX: $.validator.addMethod("postcode", function(value, element, params){ var postcode = /^[0-9]{6}$/; return this.optional(element) (postcode.test(value)); }, $.validator.format("请填写正确的{0}邮编！"));查看全部
-
- validate() 方法配制項 - onsubmit 是否在提交時驗證 - onfocusout 是否在獲取焦點時驗證 - onkeyup 是否在敲擊鍵盤時驗證 - onclick 是否在鼠標點擊時驗證，一般用於checkbox或者radio - focusInvalid 提交表單後，未通過驗證的表單（第一個或提交之前獲得焦點的未通過驗證的表單）是否會獲得焦點 - focusCleanup 當未通過驗證的元素獲得焦點時，是否移除錯誤提示 - errorClass 指定錯誤提示的css類名，默認為error,可以自定義錯誤提示的樣式，當然類名也可以自定義設置 - validClass 指定驗證通過的css類名 道理同上 - errorElement 使用什麼標籤標記錯誤 （如用<li>標記） - wrapper 使用什麼標籤把上邊的errorElement包起來 （如用<ul>包裹） - errorLabelContainer 把錯誤信息統一防在一個容器裡面 （如放在類或id選擇器中） - errorContainer 顯示或者隱藏驗證其指定的信息（HTML元素），可以自動實現由錯誤信息出現時把容器屬性變為顯示，無錯誤時隱藏（一般同時使用和上面3個或上面3個同時使用）查看全部
-
number:true //提示輸入必須為數字(正負數or小數都可以) digits:true //提示輸入必須為非負整數 equalto:"#password" //密碼確認 比如確認密碼的製作equalTo:"選擇器"(密碼校驗) "confirm-password":{ equalTo:"#password" //確認密碼 }查看全部
-
設置方式：email,url,date,dateISO:true url：校驗要加http://或https:// dateISO： yyyy-mm-dd 或 yyyy/mm/dd格式 date: 就比較廣泛（限制比較少）查看全部
-
rangelength長度範圍：是以數組的方式。例如[2,10] min和minlength的區別：叫length代表是長度，不加length代表的是它的值，也就是值的範圍要注意。查看全部
-
1. required必填 remote遠程校驗 minlength maxlength rangelength長度範圍 email url date dateISO number digits整數 equalTO與另一個元素值相等 2. 配置項 remote 遠程校驗 -- 可用於發送數據到服務器進行校驗 -- 可以是 get請求 即 remote :url 便可發送當前信息至該url進而獲取信息 -- 也可以是 post請求 即 remote : {url: url,type: .., data :所要發送的信息} 即發送當前信息以及data中的信息至 url rules: remote: url: "remote.php", type: "post", data: { loginTime: function() { return +new Date; // } } 須有返回值 messages: remote "用戶名不存在" 3. +new Date() 把日期對象轉換為毫秒數查看全部
-
當在使用validate插件的時候: 使用validate()方法的時候將debug設置為true,那麼表單不會提交,只進行檢查,調試時比較方便 method:驗證方法，指的是校驗的邏輯。比如email方法，檢查輸入的文本是否符合email的規則。 rule:驗證規則，指的是元素和驗證方法的關聯。查看全部
-
要在客戶端實現表單驗證，可以使用jQuery的jQuery Validation插件來實現： - 首先在這裡介紹到validate()方法，你可以到這個Document上看更多關於validate()的說明https://jqueryvalidation.org/validate。 - 在下面可以在高亮顯示的地方看到「rules」和「message」，這是插件官方提供的方法:（表單驗證，主要是倆：一是規則，二是提示信息） - rules:就是你要驗證所要制定的規則 message:就是你可以自訂驗證時所提示的訊息（如果沒有自訂就是以預設的英文顯示） - 另外有高亮顯示的地方， rules裡面的「username」是input中的「name」，不是「id」。查看全部
-
Validate的方法 restForm查看全部
举报
0/150
提交
取消