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
Di atas adalah keseluruhan kandungan artikel ini, saya harap ia akan membantu semua orang dalam mempelajari pengesahan borang.