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

   上篇说了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, 需要*墙

你可能感兴趣的:(jquery)