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>

形式jQuery表单插件，提交错误

1 个答案: