Rumah > Artikel > hujung hadapan web > jQuery Sahkan pemalam pengesahan borang menambah pengesahan dalam bentuk class attribute_jquery
Contoh dalam artikel ini memperkenalkan pemalam pengesahan borang jQuery Validate, menambahkan pengesahan dalam bentuk atribut kelas dan berkongsinya dengan semua orang untuk rujukan anda. Kandungan khusus adalah seperti berikut
Kesannya adalah seperti berikut:
1. Pemalam pengesahan borang jQuery, tambah pengesahan dalam bentuk atribut kelas
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery表单验证插件----添加class属性形式的校验</title> <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"></script> <style type="text/css"> * { font-family: Verdana; font-size: 96%; } label { width: 10em; float: left; } label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } p { clear: both; } .submit { margin-left: 12em; } em { font-weight: bold; padding-right: 1em; vertical-align: top; } </style> <script type="text/javascript"> $(document).ready(function(){ $("#commentForm").validate(); }); </script> </head> <body> <form class="cmxform" id="commentForm" method="get" action=""> <fieldset> <legend>jQuery表单验证插件----添加class属性形式的校验</legend> <p> <label for="cusername">姓名</label> <em>*</em><input id="cusername" name="username" size="25" class="required" minlength="2" /> </p> <p> <label for="cemail">电子邮件</label> <em>*</em><input id="cemail" name="email" size="25" class="required email" /> </p> <p> <label for="curl">网址</label> <em> </em><input id="curl" name="url" size="25" class="url" value="" /> </p> <p> <label for="ccomment">你的评论</label> <em>*</em><textarea id="ccomment" name="comment" cols="22" class="required"></textarea> </p> <p> <input class="submit" type="submit" value="提交"/> </p> </fieldset> </form> </body> </html>
2. Peraturan lalai
Peraturan pengesahan lalai:
Di atas adalah keseluruhan kandungan artikel ini, saya harap ia akan membantu kajian semua orang.