在提交表单之前单击“不触发”事件。

Question

我想实现点击事件上的提交按钮，但有时它是触发之前提交表单，有时它不工作，并提交之前，单击事件。每次我如何触发这个点击事件。

以下是此单击事件的代码

jQuery(document).ready(function(){
  jQuery("#addbtn").click(function(){

  });
});

Answer 1

可以使用.trigger()方法以编程方式触发HTML元素上的事件。下面，当提交<form>时，在提交按钮上触发单击事件。

​

$("form").on("submit", function(event) {

  event.preventDefault();
  $(event.target).find("button[type='submit']").trigger("click");

});

$("button").on("click", function(event) {

  console.log("Button clicked");

});

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

<button type="submit">Submit</button>

</form>

​

Answer 2

可以使用触发器方法从另一个事件触发事件。

("button").on("click",()=>{
  alert("button clicked")
  if($("form").trigger("submit")){
    alert("form submited")
  }
})

<form>
  <input type="text"/>
  <button type="submit">Submit</button>
</form>

这是代码笔，这样您就可以测试

https://codepen.io/anon/pen/WzoJJy