jquery validation - waiting for remote check to complete

Question

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 check 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

SO is there no way to achieve automatically via the jquery validation framework? — monkeylee, Jun 24 '11 at 21:41

score 4 · Answer 1 · answered Jul 01 '11 at 17:15

4

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();
      }
    });

answered Jul 01 '11 at 17:15

kiev

2,040
9
32
54

2

Be careful of the while loop - it could cause the browser to become unresponsive. – clinton3141 Jul 08 '11 at 09:52
2

I would prefer the latter. If you really want to take the former approach, at least use `setInterval`. – Tower Jul 08 '11 at 16:08
while without setinterval - bad idea – Andrey Koltsov Aug 14 '12 at 10:27
@Andrew I looked up setInterval and I don't get how it applies here. Please post what you were thinking. – kiev Aug 15 '12 at 13:45
I added 2 functions: validateForm and validateField in this 2 two functions I set flags, if requests are penging, and in stopRequest I triger events form-valid or field-valid (depend on flags) – Andrey Koltsov Aug 18 '12 at 14:18

score 2 · Answer 2 · edited May 23 '17 at 12:06

2

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.

edited May 23 '17 at 12:06

Community

1
1

answered Jun 24 '11 at 12:44

Mahesh KP

6,248
13
50
71

score 0 · Answer 3 · answered May 07 '15 at 06:41

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');
    }

score 0 · Answer 4 · edited Jun 20 '20 at 09:12

0

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?

edited Jun 20 '20 at 09:12

Community

1
1

answered Jul 08 '11 at 04:03

Mrchief

75,126
20
142
189

jquery validation - waiting for remote check to complete

4 Answers4

Linked