JQuery validate ajax 表单验证方法。
2013-11-15 09:16
609 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="js/jquery-1.9.min.js"></script> <script src="js/jquery.validate.js"></script> <script src="js/jquery.validate.messages_cn.js"></script> <script> $(function(){ $("#form1").validate({ rules:{ username:{ required:true, remote:{ url:"doAction.php", type:"post", dateType:"json", data :{ username:function(){return $("#username").val();} } } } }, messages:{ username:{ require:"用户名不能为空", remote:"该用户名存在" } } }); }); </script> <style> .table1 tr td{ border:1px solid yellow; margin:0px; padding:0px; } </style> </head> <body> <div style="margin:0 auto; width:500px; height:200px; padding:0px"> <form id="form1" method="get"> <table border="0" cellspacing="0" cellpadding="0" class="table1" width="500px"> <tr height="30px"> <td align="right" width="80">用户名</td> <td align="left"><input type="text" id="username" name="username"/></td> </tr> <tr height="30px"> <td colspan="2" align="center"> <input type="submit" value="提交"/> <input type="reset" value="重置"/> </td> </tr> </table> </form> </div> </body> </html>
相关文章推荐
- jquery validate 在ajax提交表单下的验证方法
- jquery validate 在ajax提交表单下的验证方法
- jquery---------ajax+validate表单异步提交验证
- 快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
- jQuery validate表单验证插件使用方法
- 使用jquery中的ajax方法验证表单
- jQuery Validate表单验证插件的基本使用方法及功能拓展
- jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
- jquery validate表单验证插件的基本使用方法及功能拓展
- jQuery validate插件实现ajax验证重复的2种方法
- jquery validate如何不提交表单就做验证(ajax提交数据)
- 使用jquery validate和ajax进行表单验证并向后台提交数据
- jQuery Validate让普通按钮触发表单验证的方法
- jquery validate ajax 验证重复的2种方法
- Form表单利用Jquery Validate验证以及ajax提交
- jquery---------ajax+validate表单异步提交验证
- jquery内置验证(validate)使用方法示例(表单验证)
- jquery validate ajax 验证重复的2种方法
- jquery---ajax异步提交+validate表单验证
- jQuery validate插件实现ajax验证重复的2种方法