jQuery .Validate（）远程成功函数和消息

Question

I need to validate an email field using the jQuery.Validate() plugin it has a "Remote" method which we have to post to a server and server needs to return true or false, Instead of using the traditional way(adding a function on the server to return true or false), I need to get json response from the server and on success run a function to decide where to return true or false...

Here is what the response from the server looks like (I'm using the Yii ajax form validation)

{
   "zipcode":[
      "Zipcode cannot be blank."
   ],
   "email":[
      "Email is already registered"
   ],

}

If email is listed on the array that means the validation had errors So I create a Remote validation rule like follows:

    'email': {
        required: true,
        email: true,
        remote:{
            type:"POST",
            url:url,
            dataType:'json',
            data:{'email':function(){
                $('#email').val();
            },ajax:'validate'},
            success:function(resp){

                $.each(resp,function(index,value){
                    if(index == "email")
                        return false;
                });

            }
        }
    },

But does not work, also I did not found anywhere where I can add the error message for remote validation, I would like to pass the array email value as the message...

Answer 1

You need to replace your success function with below function :

dataFilter: function (data) {
                return 'false'; //Email not exist
                return 'true'; //Email already exist
            }

Please pass true/false value as a string.

For Display Message :

remote:{......},
messages:{email:'Please enter valid email', remote : "{0} is already exist"}

I think this will be help.