提交前通过jquery验证表单

安德鲁·热鲁德科夫

在表单中,我有 2 个按钮:

    <button type="submit">Submit</button>
    <button type="submit" name="rdraft" value="1">Save to drafts</button>

第一个是实际发布内容,第二个只是将其保存为草稿。在表单提交时,我使用 Jquery 验证表单字段:

    $('#form').submit(function(e) {
    //validation scripts
    });

如何仅在单击第一个按钮时验证我的表单并跳过验证(如果它是草稿)?

纳夫纳特

另一种解决方案是使用 submitter

$('#form').submit(function(e) {
  const submitterValue = e.originalEvent.submitter.value;
  if(submitterValue!=1){
     // do validation
     e.preventDefault();
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form id="form">
  <input type="text" name="name" />
  <button type="submit">Submit</button>
  <button type="submit" name="rdraft" value="1">Save to drafts</button>
</form>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章