jquery-validate表单验证实例一

来源：互联网发布：python小游戏代码编辑：程序博客网时间：2024/05/20 14:22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="jquery.js" type="text/javascript"></script><script src="jquery.validate.js" type="text/javascript"></script><script type="text/javascript">$.validator.setDefaults({   submitHandler: function() { alert("submitted!"); }});$().ready(function() {  // validate the comment form when it is submitted  $("#commentForm").validate();});</script><style type="text/css">#commentForm { width: 500px; }#commentForm label { width: 250px; }#commentForm label input {width: 350px; }#commentForm label.error, #commentForm input.submit { margin-left: 253px; }</style></head><body><form class="cmxform" id="commentForm" method="get" action=""><fieldset><legend>Please provide your name, email address (won't be published) and a comment</legend><p><label for="cname">Name (required, at least 2 characters)</label><input id="cname" name="name" class="required" minlength="2" /></p><p><label for="cemail">E-Mail (required)</label><input id="cemail" type="email" name="email" class="required" /></p><p><label for="curl">URL (optional)</label><input id="curl" type="url" name="url" /></p><p><label for="ccomment">Your comment (required)</label><textarea id="ccomment" name="comment" class="required"></textarea></p><p><input class="submit" type="submit" value="Submit" /></p></fieldset></form></body></html>