Форма JQuery не подтвердит успех

Question

У меня возникла проблема «получить пропуск» для проверки моего модуля проверки формы, он останавливается и не начнет обрабатываться. Когда он должен быть обработан, он дает мне «Вы должны заполнить»:

Что может быть неправильным?

Fidde

Jquery:

$("form").submit(function (e) { 
    e.preventDefault(); // This will prevent the form submission 
    var response = ""; 
    var missing = ""; 
    $('#submit-holder').find('input').each(function(){ 
    if ($(this).val() == '') { 
    missing += $('label[for="' + this.id + '"]').html() + " | "; 
    empty_fields = true;  
    missing_fields = true; 
    }  

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

    }); 

    response += "* <strong>You need to fill out:</strong> " + missing; 

    if(!$('#user_terms').is(':checked')) 
    { 
    response += "<br>* You need to accept the terms and conditions to continue"; 
    } 

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

    if(IsEmail(email)==false){ 
      valid_email = false; 
      response += "<br><strong>* The e-mail address you've entered is invalid</strong>"; 
    } 

    response_message(response); 

    if(!missing_fields && valid_email !== false &&  $('#user_terms').is(":checked")) { 

    $('.alert').hide() 


} 
    }); 

// 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(response) { 
$('.alert').addClass('alert-danger'); 
$('.alert').fadeIn();   
$('.error_message').html(response); 
}  

Answer 1

Другие ошибки

fiddle

if (missing) response += "* <strong>You need to fill out:</strong> " + missing; 



if (IsEmail(email) == false) { 
    valid_email = false; 
    response += "<br><strong>* The e-mail address you've entered is invalid</strong>"; 
} 
else valid_email = true; // missing 

response_message(response); 

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

Answer 2

ошибка селектора.

Вот рабочая версия: http://jsfiddle.net/SBYQ5/18/

Просто замените $('#submit-holder').find('input').each(function() { с $('form').find('input').each(function() {

Или - aternatively - добавить submit-holder в виде идентификатора.

Кроме того, вам не хватало некоторых объявлений var.

Answer 3

Когда вы проверяете для электронной почты путем вызова функции, вы проверяете, если его не действует, вы настраиваете VALID_EMAIL ложь. Когда электронная почта действительна, вы не устанавливаете ее в true.

Вы можете использовать либо

if(IsEmail(email)==false){ 
    valid_email = false; 
    response += "<br><strong>* The e-mail address you've entered is invalid</strong>"; 
} 
else { 
    valid_email = true; 
} 


Or 

valid_email = true; 
if(IsEmail(email)==false){ 
    valid_email = false; 
    response += "<br><strong>* The e-mail address you've entered is invalid</strong>"; 
}