Проверка формы, если/else с помощью JQuery

Question

Я делаю проверку формы, где должны быть обязательны все поля, а также проверить, согласны ли пользователи с условиями, а также проверить правильность адреса электронной почты. Он почти работает, этот код дает мне ответ, если я не ввел имя/e-mail и т. Д., Но если я введу эту информацию, он не скроет() .alert. И затем не отвечает на флажок для условий и проверки «действительной электронной почты». .alert также всегда должен быть «скрытым», если нет «ответа».

Где этот код не работает? Есть предположения?

$("form").submit(function (e) { 
e.preventDefault(); // This will prevent the form submission 

    var response = ""; 
    $('#submit-holder').find('input').each(function(){ 
     if ($(this).val() == '') { 
     response += ", " + $('label[for="' + this.id + '"]').html(); 
     empty_fields = true;  
     }  

     else if ($(this).val() == !'') { 
     empty_fields = false; 
      $('.alert').hide() 
     } 

     else if(empty_fields = true) { 
        $('.alert').addClass('alert-danger') 
        $('.alert').fadeIn()    
        $('.error_message').text(response.replace(", ", "You need to fill out: ")) 
        message = response.replace(", ", "You need to fill out: ") 
        response_message(message) 
     } 

     else if ($('[name="txtEmail"]').length !== 0) { 

      var email = $('[name="txtEmail"]').val(); 

      if(IsEmail(email)==false){ 
        message = "The e-mail address you've entered is invalid"; 
        response_message(message) 
         //return false; 
        } 
      } 

      else if($('#user_terms').not(":checked")){ 
      message = "You need to accept the terms and conditions to continue"; 
      response_message(message) 
       //return false; 

      } 

     }); 

if($('#user_terms').is(":checked") && !response) { 

    // Send the form 

} 


// Functions: 
function IsEmail(email) { 
    var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
    if(!regex.test(email)) { 
     return false; 
    }else{ 
     return true; 
    } 
    } 

function response_message(message) { 

    $('.alert').addClass('alert-danger') 
    $('.alert').fadeIn()    
    $('.error_message').text(message) 
}  

Answer 1

Почему вы не используете плагин проверки подлинности.

я использую http://jqueryvalidation.org/

Answer 2

Привет этот код будет работать без ошибок, но я не уверен, что ваша логика верна.

$("form").submit(function (e) { 
e.preventDefault(); // This will prevent the form submission 

    var response = ""; 
    $('#submit-holder').find('input').each(function(){ 
     if ($(this).val() == '') { 
     response += ", " + $('label[for="' + this.id + '"]').html(); 
     empty_fields = true;  
     }  

     else if ($(this).val() != '') { 
     empty_fields = false; 
      $('.alert').hide(); 
     } 

     else if(empty_fields = true) { 
        $('.alert').addClass('alert-danger'); 
        $('.alert').fadeIn();   
        $('.error_message').text(response.replace(", ", "You need to fill out: ")); 
        message = response.replace(", ", "You need to fill out: "); 
        response_message(message); 
     } 

     else if ($('[name="txtEmail"]').length !== 0) { 

      var email = $('[name="txtEmail"]').val(); 

      if(IsEmail(email)==false){ 
        message = "The e-mail address you've entered is invalid"; 
        response_message(message); 
         //return false; 
        } 
      } 

      else if($('#user_terms').not(":checked")){ 
      message = "You need to accept the terms and conditions to continue"; 
      response_message(message); 
       //return false; 

      } 

     }); 

if($('#user_terms').is(":checked") && !response) { 

    // Send the form 

} 


// Functions: 
function IsEmail(email) { 
    var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
    if(!regex.test(email)) { 
     return false; 
    }else{ 
     return true; 
    } 
    } 

function response_message(message) { 

    $('.alert').addClass('alert-danger'); 
    $('.alert').fadeIn();   
    $('.error_message').text(message); 
}