jquery validate select remote method

Question

I am trying to validate a select box using a remote resource when the select box is changed but the remote resource is not getting triggered:

Here is the code:

$("#register_student_2").validate({
    submitHandler: function(form) {
        $(form).ajaxSubmit({
            rules: {
                relationship: {
                    required: true,
                    remote: function() {
                        return {
                            type: "POST",
                            url: "includes/check-relationship.php",
                        }
                    }
                },
            },
            beforeSubmit: function() {
                //do something
            },
            clearForm: true,
            success: function(data) {
            },
        });
    }
});

Arun P Johny · Accepted Answer · 2013-05-27 12:19:29Z

1

The rules must be passed to the validate option, not to the ajaxSubmit options

$("#register_student_2").validate({
    rules: {
        relationship: {
            required: true,
            remote: function () {
                return {
                    type: "POST",
                    url: "includes/check-relationship.php",
                }
            }
        },
    },
    submitHandler: function (form) {
        $(form).ajaxSubmit({
            beforeSubmit: function () {
                //do something
            },
            clearForm: true,
            success: function (data) {},
        });
        return false;
    }
});

answered May 27, 2013 at 12:19

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user2397380 Over a year ago

I have tried this and I am now getting the remote resource been called, I seem to not be able to get the correct response that is accepted: The documentation says this: The response is evaluated as JSON and must be true for valid elements, and can be any false, undefined or null for invalid elements, using the default message; or a string, eg. "That name is already taken, try peter123 instead" to display as the error message. . I have tried returning many different message types such as a string, an empty string but this select element is preventing the form submitting.

user2397380 Over a year ago

This solved the issue with response: stackoverflow.com/questions/11479383/…

Collectives™ on Stack Overflow

jquery validate select remote method

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related