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用法大全的相关知识，希望对大家以上帮助！