當單擊提交按鈕時驗證失敗時，阻止表單提交

Question

在提交按鈕上單擊，我需要檢查驗證是否返回true 。 我需要提交表格。 但是，當它返回false時，還將提交表單並調用事件SaveProjects() 。 當CheckValidation()返回false時，如何阻止表單提交？

 <script type="text/javascript> 
   function CheckValidation()
      {
       alert();
      return false;
      }

</script>
    @using (@Ajax.BeginForm("SaveProjects", "Projects", null, new AjaxOptions { OnSuccess =     "OnSuccessProject", HttpMethod = "post" }, new { id = "ProjectsForm" }))
       {     <div class="outerBox" id="divProjectCreate">

      @Html.Partial("../Projects/_CreateOrEdit", Model)
         <div class="row centerAlign">
          <input type="submit" value="Save" id="btnSaveProjects"  onclick="CheckValidation()"/>
         <input type="button" value="Cancel" id="btnCancel" />
         </div>

        </div>

}

Answer 1

你可以做

   $('#target').submit(function() {
      alert('Handler for .submit() called.');
      return CheckValidation();
    });