小编Ale*_*lex的帖子

经过parsley.js验证后的Ajax提交

我有一个通过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)

javascript ajax jquery parsley.js

4
推荐指数
1
解决办法
6349
查看次数

标签 统计

ajax ×1

javascript ×1

jquery ×1

parsley.js ×1