javascript - jquery模拟 "fake"表单提交

Question

我正在为一个项目构建一个模板，它目前没有构建服务器端。我需要测试我的表单和验证，并想要“伪造”表单提交。

我正在尝试这个:

$("#save").click(function(e) {
  e.preventDefault();
  $(this).closest("form").find("input").prop('disabled',true);
  $("#save").prop('disabled',true);
  $("#edit").prop('disabled',false);
  //submit form via ajax to be built
  $("form").submit(function() {
    alert('success');
  });
});

这并没有像我想象的那样工作。有什么建议吗？

Answer 1

submit 方法接受具有 preventDefault 方法的事件参数。因此您的代码应类似于下面的示例:

$('#form').submit(function(e) {
  e.preventDefault();
  console.log('print something here!');
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form">
  <input label="Name" type="text" />
  <input label="Password" type="text" />
  <input label="submit" type="submit" />
</form>

更多信息您可以随时查看官方documentation 。