javascript - 单击外部按钮时触发表单上所需的事件

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 7 年前。

Improve this question

下面是一个片段，我想做的是在单击表单外部的下一个按钮时使用表单内任何输入字段上所需的事件(意味着表单将停止而不是提交后，将会弹出 html5 所需的通知)。有什么想法可以实现这一点吗？

$(document).ready(function(){
  $(document).on("click", "button", function(){
    
    
  });
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<form action="" method="post">
  <input name="test" value="" placeholder="your name" required />
  <button>save</button>
</form>

<button>Next</button>

Answer 1

您正在使用<button>元素。为了进行表单验证，您需要通过单击 <input type="submit"> 来提交表单。 。添加其中之一，但将其隐藏在 View 中。

<form action="" method="post">
  <input name="test" value="" placeholder="your name" required />
  <button>save</button>
  <input type="submit" class="hiddenSubmit" />
</form>

<button class="next">Next</button>

然后，当单击“下一步”按钮时，触发单击隐藏的提交按钮:

$(document).ready(function(){
  $(document).on("click", "button.next", function(){
    $(".hiddenSubmit").trigger("click");
  });

});

Like so.

如果您的表单以不同的方式构建，那就太理想了，但我假设您坚持使用该布局。