jquery validation - waiting for remote check to complete

When I call $("form").valid() I have a remote validation check hooked up (which all works well) however if all other fields are valid the form passes validation because the remote ch开发者_开发百科eck hasn't return a response "quick enough".

Is there a way to either force jquery validation to wait for any remote checks to be completed or hook into the complete event of the remote check call?

I am currently using the remote validator built into the jQuery validation framework http://docs.jquery.com/Plugins/Validation/Methods/remote

---

one way is to introduce a variable that will be set to true when the remote call comes back

var remote_complete = false;

$.ajax({
  url: "test.html",
  success: function(){
    remote_complete = true;
  }
});

while (remote_complete == false)
  {
  // loop until  remote_complete = true;
  }

Another way is to validate your form after remote validation completes

 $.ajax({
      url: "test.html",
      success: function(){
        validate_form();
      }
    });

---

you can add a custom rule and in that custom rule you can make the ajax call.

Please check the SO post here for creating custom rules.

In that function make the ajax call.

---

Well, if you've setup all your rules correctly, then this shouldn't be a problem. See this demo where email is being validated remotely and the validation doesn't pass until the check comes back.

Can you post a jsfiddle that highlights your problem?

---

http://gloryplus.com/index.php?route=product/product&path=82&product_id=173

rules: {
      name: {
        minlength: 2,
        required: true
      },
      email: {
        required: true,
        email: true
      },
      subject: {
        minlength: 2,
        required: true
      },
      message: {
        minlength: 2,
        required: true
      }
    },
    highlight: function(label) {
        $(label).closest('.control-group').addClass('error');
    },
    success: function(label) {
        label
            .text('OK!').addClass('valid')
            .closest('.control-group').addClass('success');
    }