jquery-validate表单验证实例一
2013-06-19 11:20
706 查看
<!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>
相关文章推荐
- JQuery validate 验证一个单独的表单元素实例
- jquery validate.js表单验证入门实例(附源码)
- 使用jQuery validate 验证注册表单实例演示
- jquery-validate表单验证实例二
- 表单验证代码实例:jquery.validate.js表单验证插件
- 实例详解jQuery表单验证插件validate
- 实例详解jQuery表单验证插件validate
- 使用jQuery validate 验证注册表单实例演示
- jquery.validate.js表单验证
- 使用jquery.validate.min.js前台验证表单
- jQuery Validate插件实现表单强大的验证功能
- MVC4中 jquery validate 不用submit方式验证表单或单个元素
- 表单验证插件jquery.validate的使用方法演示
- MVC中 jquery validate 不用submit方式验证表单或单个元素
- 使用 jquery.validate.messages_cn.js 插件实现表单自动验证,出现中文乱码
- 基于jQuery的Validate表单验证
- jQuery Validate 表单验证
- Jquery 表单验证类介绍与实例
- jQuery.validate验证时用的是Form输入表单的name属性