MVC 3: Как получить событие, если форма проверена правильно и опубликует

Question

По сути, я пытаюсь решить простую проблему: если моя форма проверена правильно, я хочу показать наложение на экране перед тем, как отправлять сообщение на сервер.

Я продолжаю думать, что это легко, и я просто что-то упускаю.

Из приведенного ниже примера (не скомпилируемый код) есть ли способ сделать это, используя предоставленную проверку на стороне клиента, или мне в основном нужно обрабатывать сторону клиента с помощью прямой проверки jquery, а затем отправлять?

public class UserViewModel
{
    [DisplayName("First Name")]
    [Required(ErrorMessage = "First Name is required")]
    public string FirstName { get; set; }

    [Required(ErrorMessage = "Last Name is required.")]
    [DisplayName("Last Name")]
    public string LastName { get; set; }
}

// Html

@Html.BeginForm( "Foo", "Bar" )
{
  <div class="grid_2">
    @Html.LabelFor(m => m.PaymentDetails.FirstName)
  </div>
  <div class="grid_3">
    <%=Html.TextBoxFor(m => m.PaymentDetails.FirstName)%>
  </div>
  <div class="grid_2">
    @Html.LabelFor(m => m.PaymentDetails.LastName)
  </div>
  <div class="grid_3">
    <%=Html.TextBoxFor(m => m.PaymentDetails.LastName)%>
  </div>

   <input type="submit" id="submitButton"  value="SUBMIT" style="float: left;" />
}

Спасибо!

Answer 1

Подключите обработчик отправки с помощью jQuery, а затем проверьте правильность формы внутри него.

$('#form').submit(function(e) {
    if ($(this).valid()) {
        //Do your stuff here
    }    
});