JQuery validate插件Remote用法大全
jquery.validate是jquery旗下的一个验证框架,借助jquery的优势,我们可以迅速验证一些常见的输入,还可以自己扩充自己的验证方法,并且对国际化也有很好的支
JQuery.validate.js在表单验证中经常使用,初学,对于其中Remote的使用说明一下.
.基本解释
JQuery主要用于DOM树和CSS树的检索和后面的操作的一套方法,JQuery.validate.js是对JQuery的一个插件,可以认为是对JQuery在某个特殊场景下的扩展,而Validate就是对表单验证提供的扩展。
.场景解释
用户进行注册用户的时候,要异步的判断用户名是否存在,给出提示信息。
.通过案例学习
Html和JavaScript结合的脚本.
<!DOCTYPEhtmlPUBLIC"-//WC//DTDXHTML.Transitional//EN""http://www.w.org/TR/xhtml/DTD/xhtml-transitional.dtd"> <htmlxmlns="http://www.w.org//xhtml"> <head> <scriptsrc="../includes/libraries/javascript/jquery.js"type="text/javascript"charset="utf-"></script> <scriptsrc="../includes/libraries/javascript/jquery.plugins/jquery.validate.js"type="text/javascript"charset="utf-"></script> <scripttype="text/javascript"> $().ready(function(){ $("#signupForm").validate({ debug:false, onkeyup:false, /*忽略某些元素不做验证*/ //ignore:".ignore", /*更改错误信息显示的位置 Default: errorPlacement:function(error,element){ error.appendTo(element.parent()); } error.appendTo(element.parent()); */ /* submitHandle:function(form){ alert("submited!"); form.submit();}, */ rules:{ /* firstname:{ required:function(){returntrue;}}, */ firstname:{ required:true, remote:{ url:"Learn.php", type:"post", //DataType:"json", data:{ firstname:function(){ return$("#firstname").val(); } }}}, phonenum:{ required:true, digits:true, rangelength:[,]}, email:{ required:true, email:true}, password:{ required:true, minlength:}, confirm_password:{ required:true, minlength:, equalTo:"#password"} }, messages:{ firstname:{ required:"请输入姓名", remote:"请输入姓名,remote"}, phonenum:{ required:"请输入手机号", digits:"存在字符,非法手机号", rangelength:"手机号位数不对"}, email:{ required:"请输入Email地址", email:"请输入正确的email地址"}, password:{ required:"请输入密码", minlength:jQuery.format("密码不能小于{}个字符")}, confirm_password:{ required:"请输入确认密码", minlength:"确认密码不能小于个字符", equalTo:"两次输入密码不一致不一致"} }, submitHandler:function(form){ alert("验证通过");} }); }); </script> </head> <body> <formid="signupForm"method="post"action=""> <p> <labelfor="firstname">姓氏</label> <inputid="firstname"name="firstname"/> </p> <p> <labelfor="phonenum">手机</label> <inputid="phonenum"name="phonenum"/> </p> <p> <labelfor="email">邮件</label> <inputid="email"name="email"/> </p> <p> <labelfor="password">密码</label> <inputid="password"name="password"type="password"/> </p> <p> <labelfor="confirm_password">确认密码</label> <inputid="confirm_password"name="confirm_password"type="password"/> </p> <p> <inputclass="submit"type="submit"value="提交"/> </p> </form> </body> </html>
后台PHP代码BaseFunction.php
<?php functionWriteLog($msg) { $filename=dirname(__FILE__)."\\Debug.log"; $handler=null; if(($handler=fopen($filename,'ab+'))!==false) { fwrite($handler,"\n".'['.date('Y-m-dH:i:s').']'."\t".$msg); fclose($handler); } } functionCheckUser($UserName){ if($_REQUEST[$UserName]=='php'){ exit("false"); } else{ exit("true"); } } ?>
后台PHP代码Learn.php
<?php require("BaseFunction.php"); CheckUser('firstname'); ?>
以上所述是小编给大家介绍的JQueryvalidate插件Remote用法大全的相关知识,希望对大家以上帮助!