我有一个通过ajax提交的表单。工作正常。但是,我正在尝试找出仅当欧芹成功验证表格后才提交的方法。
问题是即使欧芹显示问题,表单仍会提交。我该如何考虑?
<script>
$(document).ready(function(){
$('#newsletterSubscribe').on('submit',function(e) {
$.ajax({
url:'scripts/newsletter.php',
data:$(this).serialize(),
type:'POST',
success:function(data){
console.log(data);
$("#success").show().fadeOut(20000); //=== Show Success Message==
},
error:function(data){
$("#error").show().fadeOut(20000); //===Show Error Message====
}
});
e.preventDefault(); //=== To Avoid Page Refresh and Fire the Event "Click"===
});
});
</script>
Run Code Online (Sandbox Code Playgroud)