jquery - Formly jQuery 表单插件，错误提交

Question

我已经按照实现 Formly ( http://thrivingkings.com/formly/ ) 的说明进行操作，并且所有验证都有效，只是当我在验证后添加 JS 代码来处理提交时，表单提交到服务器，即使表单上发生错误。请参阅“Faz”在 Formly 网站上的评论。有任何想法吗？

谢谢。

Answer 1

实际上 Luvdubz 和 Faz 走错了路——他们不应该像以前那样在提交按钮上附加一个事件：

<input name="typeform" onclick="submit('pdf_connexion2.php')" type="submit" value="Connexion">

Formly 实际上已经为开发人员做到了这一点。当用户成功完成表单，即通过验证后，正式调用回调函数。在回调函数中，你可以做任何你喜欢的事情。

$('#ContactInfo').formly({'theme':'Dark'}, function(e){
   alert('Yay..validation has passed..do with me as you will!!');
   // basically you can put anything here to trigger the post
});

最简单的例子可能是：

<form id="contactInfo">
  <input ... />  
  <input ... />
  <input ... />  
  <input type="submit" value="Sign up" />
  <input type="reset" value="Clear" /> 
</form>

<script>
  $(document).ready(function(){ 
    $('#contactInfo').formly({'theme':'Dark'}, function(e){
      $.post("sometarget.php", $("#contactInfo").serialize());
    });
  });
</script>