Jquery Validation remote validation not working

Question

Hi

I am not sure what I am doing wrong I am using the Jquery.Validate plugin and it has a remote field

so I did this

$("#mainForm").validate(
    {
        rules:
        {
            UserName:
            {
                required: true
               ,remote: "Test"
            }
         ,messages:
        {
            UserName:
            {
                remote: "UserName has already been choosen. Please choose another one"
            }
        }

     }

the required works fine. It's the remote. I am using asp.net mvc and the path is right it hits my method

    public bool Test(string userName)
    {
        return false;
    }

it returns false according to firebug yet jquery.validate does not kick in. I am using Version 1.5.5 of jquery.validate and jquery 1.3.2

What did I miss?

Answer 1

I got caught out by this one also.

You need to return a Json object with true or false, see below:

    public ActionResult IsValidField()
    {
        String the_field = httpContextService.Request["Field_To_Test"];

        if (the_field == another_value)
          return Json(true);
        else 
          return Json(false);
    }