jQuery验证：在ASP.NET MVC 5应用程序中添加事件以提交按钮单击

Question

我正在创建一个ASP.NET MVC 5应用程序。 该应用程序已在使用MVC应用程序随附的jQuery Validate插件。 当前，单击“提交”按钮时，将触发jQuery Validate，如果有效，将验证并提交表单。

我需要向提交按钮单击添加更多事件，并且需要确保新事件不会覆盖jQuery Validate插件。 最初，我在没有jQuery Validate的情况下尝试了以下代码：

$('#submitButton').click(function(){
  // JavaScript event
 // another JavaScript event
});

但是，当我测试此代码时，它完全覆盖了jQuery Validate插件，并且所有前端验证都消失了。 我想知道我是否以某种方式将jQuery Validate包含在此代码中，它将允许插件和新的提交按钮事件共存。

我在想代码看起来像这样：

$('#submitButton').click(function(){
   //Initialize jQuery Validate plug-in
  // JavaScript event that happens if form is valid
 // another JavaScript event that happens if form is valid
});

如何调用ASP.NET的MVC框架已设置的jQuery Validate？ 我根本不需要更改插件（除非我的行动计划有误）； 我只需要向单击“提交”按钮添加事件。

Answer 1

太好了。我想您正在尝试提交使用以下方法创建的表格：

@using (Ajax.BeginForm.. or @using (Html.BeginForm(..

这两个都包含一个函数OnBegin ，可以调用在表单Submit之前触发的任何函数

   @using (Ajax.BeginForm("SaveInformation_Basic", "..//ARCSL1", null, new AjaxOptions { HttpMethod = "POST", OnSuccess = "done._afterEntry", OnBegin = "return Prevalidateform();" }, new { @id = "entryForm" }))


function Prevalidateform() {
   // do your thing here
}

Answer 2

您可以在按钮事件中对其进行验证

    $('#submitButton').click(function(){
      var $form = $('form');
      if($form.valid()){
      // JavaScript event that happens if form is valid
      }
      else{    // another JavaScript event that happens if form is valid
      }
    });