Как заставить проверку на стороне клиента в $ .ajax () или перед ним?

Question

У меня есть форма и ненавязчивые проверки включены. По умолчанию в методе отправки выполняется проверка на стороне клиента, и (если у вас есть какие-либо ошибки) форма выглядит следующим образом:

Проверка происходит еще до того, как на сервер отправляются какие-либо данные.

Теперь это поведение не работает, если вы хотите использовать метод $ .ajax. Проверка на стороне клиента не работает. Вы должны вручную проверить все поля в вашем javascript, потеряв всю красоту DataAnnotations.

Есть ли лучшее решение? Я мог бы использовать jquery submit () , но я думаю, что он не имеет обратного вызова как $. Ajax

Answer 1

Ох ...

if (form.valid()) // do submit

Answer 2

Вы должны принудительно подтвердить форму, прежде чем проверять ее действительность.Как то так:

var form = $( "#myform" );
form.validate();
if (form.valid()) {
    // ...
}

Answer 3

Я сделал ...

$("#form-submit-button").click(function (e) {
    e.preventDefault(); // Stops the form automatically submitting
    if ($("#my-form").valid()) {
        $("#my-form").submit();
    }
});

Это также кажется хорошим решением, если у вас есть, скажем, текстовые поля с плагином, чтобы превратить эти текстовые поля в элемент управления календаря. Единственная причина, по которой я это говорю, заключается в том, что я использовал Zebra Datepicker с формой MVC, и она отправила бы недопустимую форму, если бы фокус был на датчике календаря. Использование кода ниже останавливает это.

Answer 4

У меня была та же проблема, с которой у Ябларго было то, что он говорил, что valid не является функцией, поэтому я придумал следующее:

Для обработчика onclick кнопки отправки я поставил это:

onclick = "return $ (this) .closest ('form'). CheckValidity ();"