ajax表单验证和mysql_前端表单验证框架validform06------ajax表单提交
@html表单代码
欢迎登录
*用户名:
*密码:
@js代码
// 普通表单提交验证初始化写法
/*$(".demoform").Validform({
tiptype:3
});*/
// ajax表单提交验证初始化写法
$(function(){
//推荐：方法一;
$(".demoform").Validform({
tiptype:4,
ajaxPost:true, //默认为false，当设置为true时，会将表单的数据Post到form元素的action属性指定的地址。
callback:function(data){
if(data.status=="y"){
setTimeout(function(){
alert("登录成功"); //登录成功跳转，登录失败，ajax添加错误信息提示
//$.Hidemsg(); //公用方法关闭信息提示框;显示方法是$.Showmsg("message goes here.");
},2000);
}
else{
alert(data.status);
}
}
});
/*传入callback可以让该函数在表单以ajax方式提交结束后执行。callback内可以接收到一个参数，具体如下：
callback:function(data){
返回数据data是json格式，{"info":"demo info","status":"y"}
info: 输出提示信息;
status: 返回提交数据的状态,是否提交成功。
如可以用"y"表示提交成功，"n"表示提交失败，在ajax_post.php文件返回数据里自定字符，主要用在callback函数里根据该值执行相应的回调操作;
你也可以在ajax_post.php文件返回更多信息在这里获取，进行相应操作；
这里执行回调操作;
注意：如果不是ajax方式提交表单，传入callback，这时data参数是当前表单对象，回调函数会在表单验证全部通过后执行，
然后判断是否提交表单，如果callback里明确return false，则表单不会提交，如果return true或没有return，则会继续提交表单。。
}
*/
//不推荐，方法二，不测试;
/* var demo=$(".demoform").Validform();
$(".ajaxpost").click(function(){
demo.ajaxPost();
return false;
});*/
})
@对应请求的php文件代码
require(dirname(__FILE__) . '/includes/init.php');
$name=$_POST["name"];
$pwd=md5($_POST["pwd"]);
if(empty($name) || empty($_POST["pwd"]))
{}
else
{
$sql = 'select * from ecs_users where user_name="'.$_POST["name"].'" limit 1'; //查询第一条数据，limit 0,30查询前30条记录
$result =$conn->query($sql);
if ($result->num_rows > 0) {
$row = mysqli_fetch_array($result);//默认获取查询结果的第一行数据
//http://zhidao.baidu.com/link?url=KQhgF-CYhN62TFiVk-v5k0ookbYkIhDkmGomXIaVBVfhGdQdnMOSvCC4DUjaoP1wFU_pWX0XGPCnjvoJ8ynxCQ4PHHhINgzJqpNG7EmX9aS
if($row["password"]===$pwd)
{
printf('{"status":"y"}'); //返回一定要是json数据
}
else
{
printf('{"status":"密码不正确，登录失败"}');
}
}
else
{
// echo '
// echo 'alert("用户名不存在！")';
// echo '';
printf('{"status":"用户名不存在！"}');
}
}
?>