您的位置:首页 > Web前端 > JQuery

jquery.validate.js remote (php)

2015-01-30 16:10 363 查看
网上的人不厚道呀 validate 这玩意的异步是 返回的 echo 'true' 或者 echo 'false';
很少有人说呀~.~ 转载了一篇原文:

jquery.validate.js对于数据的远程验证的使用,官方网址文档较为简陋,实例较为简单,其实jquery.validate.js功能是如此的强,本文章主要讲解remote 的使用方法。
  

本实例中使用jquery.validate.js验证注册表单,其中验证码与用户名使用remote方式验证,以下为checkreg.js的源代码。

$(function(){
/*表单提交时的处理方式,必需放在验证条件设置前面*/
$.validator.setDefaults({
submitHandler: function(){
/*使用AJAX方式提交表单*/
$.ajax({
type:"POST",
url:"phpscript/cmd_User.php?cmd=add",
data:{validateNum:$("#validateNum").val(),
username:$("#username").val(),
pwd:$("#pwd").val(),
email:$("#email").val(),
qq:$("#qq").val()
},
dataType:"json",
cache:false,
success:function(json){
if(json.success=="true"){
$("#reginfo").html("注册成功,系统现将为你自动登录。");
$("#reginfo").css("color","green");
setTimeout(sendIndex,1500);
}else{
$("#reginfo").html("注册失败,请检查是否填写正确。");
$("#reginfo").css("color","red");
}
}
});
//form1.submit();
}
});

/*验证条件设置*/
$("#regform1").validate({
event:"blur",
rules:{
validateNum:{required:true,number:true,remote:"phpscript/validateNum.php"},
username:{required:true,rangelength:[2,20],remote:"phpscript/exist_User.php"},
email:{required:true,email:true,maxlength:250},
pwd:{required:true,rangelength:[4,16]},
pwd2:{required:true,equalTo:'#pwd'},
qq:{required:false,number:true,rangelength:[5,12]}
},
messages:{
validateNum:{remote:"请输入正确的验证码"},
username:{remote:"用户名已经存在"}
}
});
});


以下为 validateNum.php 的源代码

<?php
Header("Cache-Control","no-store");
Header("Pragma","no-cache");
Header("Expires", "0");
session_start();
include_once ('../include/mysql.inc.php');
$mysqli= new mysqli(DBHOST,DBUSER,DBPWD,DBNAME,DBPORT);
$mysqli->set_charset(DBCHAR);
$sql = "select * from ".DBPREFIX."users where username='{$_GET['username']}'";
$result = $mysqli->query($sql);
$count = $mysqli->affected_rows;
if($count == 1){
echo "false";
}else{
echo "true";
}
?>


远程文件 validateNum.php, exist_User.php 文件只能输出 "true" 或 "false",不能有其它输出,请注意。

本文转自:http://www.janefly.com/html/chengxurensheng/JQuery/2009/0608/2.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: