OnClick не работает после проверки JQuery

Question

Я дал подтверждения через jquery, который отлично работает при нажатии кнопки. Но как только я заполняю все данные на странице, мой onClick не срабатывает. Я не знаю, почему. Пожалуйста, предложите.

Вот мой код JQuery: -

var ErrArr = []; 
    $(document).ready(function() { 
     $('#btnSave').click(function (e) { 
      e.preventDefault(); 
      validateTitle(); 
      validateddl(); 
      validateTextBoxes(); 
      if (ErrArr.length > 0) { 
       alert(ErrArr.join("\n")); 
       ErrArr = []; 
       return false; 
      } 
     }); 
     function validateTitle() { 
      if ($("#ddlTitle").val() > "0") { 
       if ($("#ddlTitle").val() == "1104" && $("#txtTitle").val() === "") { 
        ErrArr.push("Please enter the text in other title"); 
       } 
      } else { 
       ErrArr.push('Please select the title'); 
      } 
     } 
     function validateTextBoxes() { 
      if ($("#txt_emp_fname").val() === "") { 
       ErrArr.push('First name is required'); 
      } 
      if ($("#txt_emp_mname").val() === "") { 
       ErrArr.push('Middle name is required'); 
      } 
      if ($("#txt_emp_lname").val() === "") { 
       ErrArr.push('Last name is required'); 
      } 

      if ($("#txtDateofJoin").val() === "") { 
       ErrArr.push('Date of joining is required'); 
      } 
      if ($("#txtReligion").val() === "") { 
       ErrArr.push('Religion is required'); 
      } 
      if ($("#txtBloodGroup").val() === "") { 
       ErrArr.push('Blood group is required'); 
      } 
      if ($("#txtPersonalEmail").val() === "") { 
       ErrArr.push('Email Id is required'); 
      } 
      if ($("#txtDtOfBirth").val() === "") { 
       ErrArr.push('Date of birth is required'); 
      } 
      if ($("#txtAt").val() === "") { 
       ErrArr.push('Place of birth is required'); 
      } 
      if ($("#txtTaluka").val() === "") { 
       ErrArr.push('Taluka is required'); 
      } 
      if ($("#txtPostOffice").val() === "") { 
       ErrArr.push('Post office is required'); 
      } 
      if ($("#txtDistrict").val() === "") { 
       ErrArr.push('District is required'); 
      } 
      if ($("#txtStatePersonal").val() === "") { 
       ErrArr.push('State is required'); 
      } 
      if ($("#txtDtMarriage").val() === "") { 
       ErrArr.push('Date of Marriage is required'); 
      } 
      if ($("#TxtPassportNo").val() === "") { 
       ErrArr.push('Passport no is required'); 
      } 
      if ($("#txtIdMark").val() === "") { 
       ErrArr.push('Identification mark is required'); 
      } 
     } 
     function validateddl() { 
      if ($("#ddlGender").val === "" || $("#ddlGender").val() == "0") { 
       ErrArr.push('Please select the gender'); 
      } 
      if ($("#ddlMaritalStatus").val === "" || $("#ddlMaritalStatus").val() == "0") { 
       ErrArr.push('Please select the Marital Status'); 
      } 
      if ($("#ddlNationality").val === "" || $("#ddlNationality").val() == "0") { 
       ErrArr.push('Please select the Nationality'); 
      } 
     } 
    }); 

Также см мой ASPX кнопки: -

<asp:Button ID="btnSave" CssClass="button" Text="Save" runat="server" 
        CausesValidation="true" onclick="btnSave_Click" 
        /> 

Answer 1

Я предлагаю вам НЕ использовать щелчок кнопки, но представить в форме проверки:

$(document).ready(function() { 
    $('#formID').on("submit",function (e) { 
     // e.preventDefault(); // does not belong here 
     validateTitle(); 
     validateddl(); 
     validateTextBoxes(); 
     if (ErrArr.length > 0) { 
      e.preventDefault();// but here 
      alert(ErrArr.join("\n")); 
      ErrArr = []; 
     } 
    }); 
. 
. 
. 

Я предполагаю, что также означает, что вы должны сделайте свою кнопку кнопкой отправки и убедитесь, что asp не добавляет событие клика, поскольку он уже назначен jQuery

Answer 2

ход событий предотвратить на обработчик щелчка кнопки только тогда, когда проверка клиента терпит неудачу.

$('#btnSave').click(function (e) { 

     validateTitle(); 
     validateddl(); 
     validateTextBoxes(); 
     if (ErrArr.length > 0) { 
      alert(ErrArr.join("\n")); 
      ErrArr = []; 
      e.preventDefault(); 
      return false; 
     } 
    }); 

Answer 3

Попробуйте

$('#btnSave').click(function(e) { 
    //e.preventDefault(); 
    validateTitle(); 
    validateddl(); 
    validateTextBoxes(); 
    if(ErrArr.length > 0) { 
     e.preventDefault(); //use e.preventDefault here 
     alert(ErrArr.join("\n")); 
     ErrArr = []; 
     //return false; 
    } 
}); 

Answer 4

$('#btnSave').on("click", function(e) { 
    //e.preventDefault(); 
    validateTitle(); 
    validateddl(); 
    validateTextBoxes(); 
    if(ErrArr.length > 0) { 
     e.preventDefault(); //use e.preventDefault here 
     alert(ErrArr.join("\n")); 
     ErrArr = []; 
     //return false; 
    } 
});