前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jquery.validate remote的用法

jquery.validate remote的用法

作者头像
WindWant
发布2020-09-11 10:19:44
8690
发布2020-09-11 10:19:44
举报
文章被收录于专栏:后端码事后端码事

1,远程返回数据时,一定要返回"true"或者"false",否则就是永远就是验证不通过。 2,remote有两种方式,如下就介绍remote与PHP间的验证 (1)meta String方式(当然这种方式要引入jquery.metadata.js) 以下是我的HTML代码

代码语言:javascript
复制
<input type="text" name="moblie" id="jform_moblie" value=""
 
 class="input {validate:{required:true,telphoneValid:  true,remote:'moblie_register.php?fun=moblie', messages:{required:'请填写手机号码!', telphoneValid:'请输入正确的手机号',remote:'该手机号码已被注册! <a href=login.php target=_blank>登录?</a>'}}}" />
代码语言:javascript
复制

直接remote提交到PHP页面中去。默认提交类型是GET方式提交 PHP代码:

代码语言:javascript
复制
if ($_GET['fun']=='moblie') {//检查手机是否已注册
    $moblie_number=trim($_GET['moblie']);
    $exists_moblie=$db->query_first("select acc_moblie_number from t_account where
acc_moblie_number='".$moblie_number."'");
    if (empty($exists_moblie['acc_moblie_number'])) {
        $return['type']='true';
        $return['info']='此手机号码可注册!';
    }else{
        $return['type']='false';
        $return['info']='该手机号码已被注册!';
    }
    exit($return['type']);
}
代码语言:javascript
复制
这样就完成的验证

(2)rules方式

代码语言:javascript
复制
$("#Form2").validate({
    rules: {           //定义验证规则,其中属性名为表单的name属性   
        "mail_account": { 
            required: true,  
            email: true ,
            remote: {
            url: '<--?php echo $this--->base;?-->/maileckmail',
            type: 'POST',
            dateType: 'json',
            data: { mail_account:function(){
                 return $('#mail_account').val();
                    }
                }
            } }, 
        },
    messages: {
        "mail_account": {   
                email: "请输入正确的邮箱地址(例如 myemail@qq.com)",
            remote: "该邮箱已存在!"
            }, 
    }
});
代码语言:javascript
复制

PHP代码:

代码语言:javascript
复制
function checkMail(){
    $mail_account = $_POST['mail_account'];
    if($this->Mail->findByMailAccount($mail_account))
        echo 'false';
    else
        echo 'true';
    die();
}
代码语言:javascript
复制
validate 插件默认不会校验隐藏的 input(包括 type="hidden" 的或 display:"none" 的 input)
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-03-15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档