cari

Rumah >hujung hadapan web >tutorial js >jquery validate.js contoh entri pengesahan borang (dengan kod sumber)_jquery

jquery validate.js contoh entri pengesahan borang (dengan kod sumber)_jquery

WBOY
WBOYasal
2016-05-16 15:32:581350semak imbas

Editor telah membaca banyak artikel tentang jquery.validate di Internet, kebanyakannya hanya memperkenalkan API dan penggunaannya. Untuk tujuan ini, editor membuat contoh pengenalan pengesahan borang jquery validate.js Tulisannya tidak begitu baik, tetapi ia sepatutnya sesuai untuk pemula dan saya ingin berkongsi dengan semua orang.

Berikut ialah kod sumber rujukan contoh entri pengesahan borang validate.js Alamat muat turun kod sumber adalah di bawah artikel: 

<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>j2query.validate快速入门范例-代潇瑞博客</title>
 <meta name="keywords" content="" />
 <meta name="description" content="jquery.validate.js是一个强大的表单验证插件，这里将来个快速入门范例，展示它的快速易用性。" />
 <script src="jquery-1.8.0.min.js" type="text/javascript"></script>
 <script src="jquery.validate.min.js" type="text/javascript"></script>
 <style type="text/css">
 label.error{color:red;font-size:13px;}
 </style>
</head>
<body>
 <p>信息录入</p>
 <form action="" name="infos" id="infos">
 <p>用户名：<input type="text" name="username" /></p>
 <p>工作号：<input type="text" name="nums" /></p>
 <p>备 注：<input type="text" name="notes" /></p>
 <p><input type="submit" name="sub" /></p>
 </form>
 <script type="text/javascript">
 $(function(){
 $('#infos').validate({
 debug:false, //false表示验证通过后不要自动提交表单
 onkeyup:false, //表示关闭按键松开时候监听验证
 rules:{ //验证规则
 username:{
 required:true, //必填字段
 rangelength:[6,10] //长度在6-10之间
 },
 nums:{
 required:true,
 digits:true
 },
 notes:"required"
 },
 messages:{ //自定义错误信息，默认为英文，除了在这里配置以为，还可以通过配置文件进行配置
 username:{
 required:"用户名必填",
 rangelength:"用户名长度必须为6-10位"
 },
 nums:{
 required:"工作号必填",
 digits:"工作号必须为数字"
 },
 notes:"备注必填"
 },
 //验证通过可以在这里做你想做的事情
 submitHandler:function(form){
 alert("验证通过");
 }
 });
 });
 </script>
</body>
</html>

Muat turun kod sumber: contoh entri pengesahan borang jquery validate.js

Alamat demo: contoh entri pengesahan borang jquery validate.js

Di atas ialah contoh pengenalan pengesahan borang jquery.js yang mudah disediakan untuk semua orang dialu-alukan untuk belajar bersama-sama, dan saya harap ia akan membantu pembelajaran semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Ringkasan teknik biasa untuk pemintasan JS dan teknik splitting strings_javascriptArtikel seterusnya：Ringkasan teknik biasa untuk pemintasan JS dan teknik splitting strings_javascript

Artikel berkaitan

Lihat lagi