时间戳

首页 > 解决方案 > 提交前通过jquery验证表单

jquery - 提交前通过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
    });

如何仅在单击第一个按钮时验证我的表单，如果它是草稿则跳过验证？

标签： jqueryformsvalidation

解决方案

您可以使用 onClick 事件提交按钮

function validate(e){
  var formData = new FormData(document.forms.myForm);
  const jsonFormData = Object.fromEntries(formData);
  if(!jsonFormData['name']){
    event.preventDefault();
    alert("Please enter name");
  }
}
<form name="myForm">
<input type="text" name="name" />
<button type="submit" onclick="return validate();">Submit</button>
<button type="submit" name="rdraft" value="1">Save to drafts</button>
</form>

推荐阅读