jQuery: Предотвращение по умолчанию перед отправкой (дополнительная функциональность), но после успешной проверки [дубликат]

Заголовок цитаты:

«Как использовать плагин проверки jQuery при нажатии кнопки«

Ответ: t нужно что-либо сделать, потому что событие click кнопки уже записано автоматически плагином, а затем активируется проверка.

Другими словами, решение состоит в том, чтобы удалить всю вашу функцию click обработчика и поставить ajax() внутри опции submitHandler метода .validate().

Согласно документации:

submitHandler: Обратный вызов для обработки фактического представления, когда форма действительна. Возвращает форму как единственный аргумент. Заменяет отправку по умолчанию. Правильное место для отправки формы через Ajax после ее проверки .

$(function () {

    $("#form-insert").validate({
        rules: {
            tbRollNo: "required"
        },
        messages: {
            tbRollNo: "Required Field"
        },
        submitHandler: function(form) {
            // your ajax would go here.
            $.ajax({
                // your ajax options
                ....
            });
            return false; // extra insurance preventing the default form action
        }
    });

});

---

Цитировать OP:

«Поэтому, когда я нажимаю кнопку выше, он прямо читает функцию $("#insertstd").click, но не запускает проверку, а когда я удаляю id="insertstd" с кнопки, то выполняет проверку.»

Это потому, что ваш обработчик click вмешивается в обработчик submit, уже встроенный в плагин. Когда вы удалите id с кнопки, вы перестанете использовать обработчик click и разрешите плагин проверять. Поскольку вы хотите использовать ajax() после , форма проходит проверку, вы можете поместить ее внутри опции обратного вызова submitHandler, которая предоставляется плагином jQuery Validate.