javascript - Jquery无法选择表单内的输入元素，但在表单外时选择

Question

当提交按钮处于外部表单时，单击事件会触发，但当处于内部表单时，jquery 根本不起作用!

jquery:

$(document).ready(function() {
$("#btn").click(function(){
    //do something
}); 
  });

这不起作用:

<form id="submitForm">
            <input type="email" name="email">
            <input id="btn" type="submit" value="submit">
    </form>

这有效! :

<form id="submitForm">
            <input type="email" name="email">
</form>         
<input id="btn" type="submit" value="submit">

为什么会这样呢？我怎样才能让它发挥作用？

Answer 1

您可以通过.submit触发表单提交

$(document).ready(function() {
    $("#submitForm").submit(function(e){
       e.preventDefault();
       //do something
    }); 
});

您仍然可以在表单内使用它

<form id="submitForm">
     <input type="email" name="email"/>
     <input id="btn" type="submit" value="submit"/>
</form>