Pemalam jQuery Validate melaksanakan validation_jquery borang tersuai

Artikel ini menerangkan pemalam pengesahan borang jQuery Validate dalam contoh, cara menyesuaikan kaedah pengesahan dan berkongsinya dengan semua orang untuk rujukan anda Kandungan khusus adalah seperti berikut

Kesannya adalah seperti berikut:

Kesan kegagalan pengesahan:

Kesan kejayaan pengesahan:

Langkah khusus:

1. Memperkenalkan pakej pergantungan

 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <script src="lib/jquery.validate.js" type="text/javascript"></script>

2. Tambahkan gaya ralat dan gaya kejayaan

 em { font-weight: bold; padding-right: 1em; vertical-align: top; }
em.error {
 background:url("images/unchecked.gif") no-repeat 0px 0px;
 padding-left: 16px;
}
em.success {
 background:url("images/checked.gif") no-repeat 0px 0px;
 padding-left: 16px;
}

3 Sesuaikan kaedah pengesahan

 //自定义一个验证方法
 $.validator.addMethod(
 "formula", //验证方法名称
 function(value, element, param) {//验证规则
  return value == eval(param);
 }, 
 '请正确输入数学公式计算后的结果'//验证提示信息
 );

4. Paparan gaya panggilan

 errorElement: "em",    //用来创建错误提示信息标签
  success: function(label) {   //验证成功后的执行的回调函数
   //label指向上面那个错误提示信息标签em
   label.text(" ")    //清空错误提示消息
    .addClass("success"); //加上自定义的success类
  }

5. Kod terperinci adalah seperti berikut

 



 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <script src="lib/jquery.validate.js" type="text/javascript"></script>


 
 


 

 

 

 
jQuery表单验证插件----自定义一个验证方法
 

  姓名
  *
 
 

  电子邮件
  *
 
 

  网址
   
 
 

  你的评论
  *
 
 

  验证码
  =7+9
 
 

  
 
 
 

Di atas adalah keseluruhan kandungan artikel ini, saya harap ia akan membantu semua orang dalam mempelajari pengesahan borang.