Question

下面是一个片段，我尝试做的是在单击表单外部的下一个按钮时，在表单内的任何输入字段中使用所需的事件（表示表单将停止并且不提交，并且将弹出html5所需的通知）。任何想法如何实现这一目标？

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 1

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

<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>

然后当＆＃34; Next＆＃34;单击按钮，触发单击隐藏的提交按钮：

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

});

Like so.

如果您的表单构造方式不同，那么它是理想的，但我假设您已经坚持使用该布局。

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

1 个答案: