Объединение двух функций javascript для проверки формы и отправки ее через ajax

Question

Я пытаюсь добавить подтверждение в форму, представленную ajax, и частично ее работаю.

Вот код, который отправляет форму:

<script type="text/javascript"> 
$(document).ready(function(){$(".sendName").click(function(){ 
var Email=$("#Email").val(); 
var Name=$("#Name").val(); 
var ErrorType=$("input:radio[name=ErrorType]:checked").val(); 
var Univer=$("#Univer").val(); 
var ErrorMessage=$("#ErrorMessage").val(); 
$.post("report.php",{Email:Email,Name:Name,ErrorType:ErrorType,Univer:Univer,ErrorMessage:ErrorMessage},function(data){$("#loadName").html(data).effect('bounce', { times: 5, distance: 30 }, 300); 
    }); 
}); 
}); 
</script> 

Этот код работает отлично.

Я также использую плагин livevalidation, и в основном он работает. Единственная проблема, с которой я столкнулся, - это вызвать код проверки из функции, которая отправляет форму.

Обычно код проверки называется так:

<form onsubmit="return validate(this)"> 

Однако, поскольку форма представляется на AJAX текущая форма тег:

<form onSubmit="return false;"> 

Так что мне нужно, чтобы быть в состоянии для этого нужно вызвать функцию validate из функции, которая отправляет форму через ajax.

Как бы я сделал что-то подобное? Оба сценария работают отлично сами по себе, это всего лишь последнее, что мне нужно выяснить.

Поэтому мне нужно вызвать функцию проверки, когда вызывается функция ajax, и если форма проверяет скрипт, он может выполнить запрос ajax и если форма не проверяет его, его не следует подавать.

Я искал и нашел пару похожих вопросов, но никаких решений. Любая помощь будет оценена по достоинству.

Answer 1

Более простой способ сделать это - только отменить отправку, если есть ошибка проверки, в противном случае передача будет происходить в обычном режиме.

<form id="new-item" method="post" action="/i"> 

Затем в JavaScript:

$('#new-item').submit(function() { 

    var valid = true; 

    // do you validation logic 
    valid = validate(this); 

    // returning true will let the normal submit action happen 
    // returning false will prevent the default action (i.e. the form will not be sumitted) 
    return valid; 

}); 

Если вы не хотите, чтобы использовать функциональные возможности стандартной представить (хотя это лучшая практика, так как он работает, когда Javascript отключен) вы бы сделать аналогичная вещь, но всегда возвращает false.

$('#new-item').submit(function() { 

    var valid = true; 

    // do you validation logic 
    valid = validate(this); 

    if (valid) { 
    // send your ajax post request here 
    } 


    // returning true will let the normal submit action happen 
    // returning false will prevent the default action (i.e. the form will not be sumitted) 
    return false; 

}); 

Answer 2

Соглашаясь с законопроектом

Assumning эту форму

<form id="formId" ... 
    . 
    . 
    <input type="submit" /> 
</form> 

Использование кода:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#formId").submit(function(){ 
    if (!validate(this)) return false; 
    var Email=$("#Email").val(); 
    var Name=$("#Name").val(); 
    var ErrorType=$("input:radio[name=ErrorType]:checked").val(); 
    var Univer=$("#Univer").val(); 
    var ErrorMessage=$("#ErrorMessage").val(); 
    $.post("report.php", 
     {Email:Email,Name:Name,ErrorType:ErrorType,Univer:Univer,ErrorMessage:ErrorMessage},function(data){$("#loadName").html(data).effect('bounce', { times: 5, distance: 30 }, 300); 
    }); 
    return false; // cancel normal submission 
    }); 
}); 
</script>