为了账号安全,请及时绑定邮箱和手机立即绑定
  • showError可以显示总共有多少个未通过验证的元素 showErrors:function(errorMap,errorList){ 可以添加自定义错误方式 this.defaultShowErrors();//系统默认的错误信息展示方式 } errorMap,errorList区别:list比map更详细,map可以直接自定义信息,list可以用来分析错误信息 errorPlacement自定义错误信息放到哪里 success要验证的元素通过验证后的动作(主要针对的是label元素) highlight可以给未通过验证的元素加效果(主要针对表单t元素) unhighlight去除未通过验证的元素的效果,一般和highlight同时使用
    查看全部
  • - 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個同時使用)
    查看全部
  • groups:{login:"username password confirm-password"} //对一组元素进行验证 errorPlacement:function(error,element){ //对一组元素验证后错误信息显示 error.insertBefore("#info"); }带有参数时的规则的depends的校验,只需要加上Parmules的每一个规则都有一个depends()方法,当返回值是true时,才执行校验 演示的例子指的是,当密码填写不为空时,才执行用户名的校验ignore:"username";<br> 对ignore的元素不进行校验; ignore:":hidden"; 默认对隐藏的hidden元素不进行校验
    查看全部
  • validate()方法配置项是validate插件的核心内容 submitHandler通过验证后运行的函数,可以加上表单提交方法 invalidHandler无效表单提交后运行的函数 ignore对某些元素不进行验证 rules定义校验规则 messages定义提示信息 groups对一组元素的验证,用一个错误提示,用errorPlacement控制把出错信息放在那实例调用: submitHandler:function(from){ //表单提交的方式 from:submit();//$(form).Ajax.submit();//$ajax等方式提交表单 } invalidHandler:function(event,validator){ //event:无效验证触发的事件 //validator:对象 }也可以写一个事件来触发 $("选择器属性值").on("事件名",function(event,validator)){ });
    查看全部
  • validator对象静态方法 $.validator.addMethod(name,method[,message])增加自定义的验证方法 $.validator.format(template,argument,argumentN...)格式化字符串,用参数代替模板中的{n} $.validator.setDefaults(options)修改插件默认设置 $.validator.addClassRules(name,rules)为包含class属性名批量增加验证类型(下图为实例,给classname为“txt”的元素添加验证类型)
    查看全部
  • validator.form() //整个表单是否有效 true/false validator.element("username") //验证元素有无校 validator.resetForm() //表单恢复到验证前状态 validator.showErrors({}) //针对某个元素显示特定的错误信息 validator.numberOfInvalids() //返回无效元素数量
    查看全部
  • rules()方法 (只针对表单里的元素,而不是某个整个表单) 1.可以使用rules("add",{})的方法来为元素添加规则,如: $("#username").rules("add",{minlength:2,maxlength:10}) 2.可以使用rules("remove",{})的方法来为元素去掉规则,如: $("#username").rules("remove","email") valid()方法 检查表单是否有错误
    查看全部
  • 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」。
    查看全部
  • 国际化:
    查看全部
  • 自定义配置方法 $.avlidator.addMethod(name,function(value,element,params){},[messages])
    查看全部

举报

0/150
提交
取消
课程须知
您好至少具备jQuery基础知识,HTML/CSS基础知识。
老师告诉你能学到什么?
1.掌握 Validation插件基础验证方法 2.掌握 validator 对象方法 3.掌握 validate方法配置项 4.如何自定义验证方法 5.客户端表单验证的安全性

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!