jQuery Validation中使用remote属性进行异步验证

来源:互联网 发布:软件开发报价方案模板 编辑:程序博客网 时间:2024/06/07 14:07

   上篇说了jQuery validation插件的使用,我们平时经常会有这种需求,就是在注册的时候,我们需要异步判断该属性是否已被占用,比如邮箱是否已经被注册?
   jQuery validation中remote属性便可以用来完成此功能:
  

rules: {    new_stuID: {        required: true,        digits: true,        maxlength: 7,        minlength: 7,        remote:{            url: 'check.php',            type:'post',            data:{                new_stuID:function(){                    return $("#new_stuID").val();                }            }        }    }},messages: {    new_stuID: {        required: '学号不能为空',        digits: '学号必须是数字',        maxlength: '学号必须为7位',        minlength: '学号必须为7位',        remote:'学号已被注册'    }},

   上面代码中rules属性中使用了remote属性进行验证,并且在messages中规定了remote错误情况的错误信息内容:
   

remote:{   url: 'check.php', //填写用于进行验证的文件位置    type:'post', //传输方式    data:{ //传输的数据        new_stuID:function(){            return $("#new_stuID").val();        }    }}

   我这里只是简单的进行了一下可行性验证:
check.php:

<?php    $new_stuID = $_POST['new_stuID'];    //我试着返回布尔型的true和false但是均不成功,string型的就可以    if($new_stuID == '1234567'){        echo 'false';    }    else{        echo 'true';    }?>

   remote接受服务器返回的数据进行数据合法性验证,并进行相关正确和错误样式的显示,与其它属性无异。

   参考视频:youtube, 需要*墙

0 0
原创粉丝点击