使用远程方法对emailId和电话号码进行Jquery验证

使用远程方法对emailId和电话号码进行Jquery验证,jquery,validation,jsp,jquery-validate,Jquery,Validation,Jsp,Jquery Validate,我正在尝试使用jQuery验证插件(远程方法)验证输入的emailId和电话号码是否存在。但我不知道我错在哪里。我尝试使用添加方法插件,但没有成功。有人能帮我哪里出了问题吗 这是代码 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery

我正在尝试使用jQuery验证插件(远程方法)验证输入的emailId和电话号码是否存在。但我不知道我错在哪里。我尝试使用添加方法插件,但没有成功。有人能帮我哪里出了问题吗

这是代码

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"></script>
    <script src="http://cdn.jsdelivr.net/jquery.validation/1.14.0/additional-methods.js"></script>

$('#myForm').validate({ // initialize the plugin
            rules: {
                emailId: {
                    required: true,
                    email: true,
                    remote: {
                        url:'verifyEmailOrPhone-'+$('#emailId').val()+'-'+$('#contactNumber').val(),
                        type:'GET',

                }
                },

                contactNumber:{
                    required: true,
                    minlength: 9,
                    maxlength: 10,
                    number: true,
                    remote: {
                        url:'verifyEmailOrPhone-'+$('#emailId').val()+'-'+$('#contactNumber').val(),
                        type:'GET',

                  }
                },

            },   
            messages:{
                emailId:{
                    remote: "emailId already taken"
                    },
                contactNumber:{
                    remote: "phone number exists"
                }   
                },

            submitHandler: function (form) { 
                // for demo
                alert('valid form submitted'); // for demo
                return false; // for demo
            }

        });

$('#myForm')。验证({//初始化插件
规则:{
emailId:{
要求:正确,
电子邮件:是的,
远程:{
url:'verifyEmailOrPhone-'+$('#emailId').val()+'-'+$('#contactNumber').val(),
类型:'GET',
}
},
联系电话:{
要求:正确,
最小长度:9,
最大长度:10,
数字:对,
远程:{
url:'verifyEmailOrPhone-'+$('#emailId').val()+'-'+$('#contactNumber').val(),
类型:'GET',
}
},
},   
信息:{
emailId:{
远程:“电子邮件ID已被获取”
},
联系电话:{
远程:“电话号码存在”
}   
},
submitHandler:函数(形式){
//演示
警报(“已提交的有效表单”);//用于演示
返回false;//用于演示
}
});
html


在控制台中,我得到

远程方法正在url中返回“emailId=bhagya%40gmail.com”,我只需要返回输入数据

  • 您发送的是
    true
    值,而不是字段值

    data: {
        emailId: function() {
            return true; // <- ??
        }
    }
    
    数据:{
    emailId:function(){
    
    return true;//您可以发布HTML和PHP吗?您也可以查看一下这个,看看这是否有用,这是我在jsp中使用的一个Hi@Shehary。“但是不起作用”没有用。请详细描述正在发生的情况。ajax是否工作?服务器的响应是什么?1)我尝试输入字段值,但没有工作2)删除了数据属性,但似乎没有工作working@BhagyashreeO“似乎不起作用”这不是一个有用的问题描述。您正在查看控制台以观察ajax响应吗?服务器端代码如何?如果您忽略服务器端脚本,您只显示了一半的图片。verifyEmailOrPhone--?contactNumber=8888888888这是我在控制台中看到的内容…@BhagyashreeO,这意味着您已经了解的一切向我们展示的是如何按照您的设计工作的。但是,我们不知道您的服务器端脚本是如何工作的,或者它是否已损坏。
    data: {
        emailId: function() {
            return true; // <- ??
        }
    }