jquery_validate 自定义样式，自定义校验方式

来源：互联网发布：嘉靖万历知乎编辑：程序博客网时间：2024/06/09 21:51

jquery_validate 自定义样式，

$.fn.initJQueryValidate=function(){$(this).validate({onfocusin: function(element) { $(element).valid(); },onfocusout: function(element) { $(element).valid(); },onclick: function(element) { $(element).valid(); },onkeyup: function(element) { $(element).valid(); },errorClass:"err icon icon-reg-err",highlight: function( element, errorClass, validClass) {$("#"+element.id+"-error").addClass("err icon-reg-err").removeClass("scc icon-reg-scc");},success: function(span) {                      span.text("").removeClass("err icon-reg-err").addClass("scc icon-reg-scc");},unhighlight: function( element, errorClass, validClass) {$("#"+element.id+"-error").text("").removeClass("err icon-reg-err").addClass("scc icon-reg-scc");}});};

使用例子

<script type="text/javascript" >$(function(){$(document).find("form[id='form1']").initJQueryValidate();});</script>

或

$("#form1").initJQueryValidate();
或

var checkForm=function(){var flag=$("#form1").valid();if(!flag){console.log("valid = "+flag);$(".subBtn").one("click",checkForm);return ;}alert("通过");};

0 0