jQuery表单提交不起作用的按钮ID和#34;提交"是形式,为什么?

时间:2017-12-13 14:59:40

标签: javascript jquery forms

所以我有这个简单的测试用例,当有提交 ID的按钮时,无法通过jQuery提交表单在表单中提交

如果您将ID更改为其他内容,jQuery可以轻松提交表单。

这里发生了什么?



$('#submitform').on('click', () => {
  $('form').submit();
});

$('form').on('submit', () => {
  alert('submit')
});

<!DOCTYPE HTML>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
</head>
<body>
  <button id="submitform">JS-Submit</button>
   

  <form action="#" id="validation" novalidate>

    <input type="text" name="someinput" />

    <!-- change ID to anything other than "submit" to be able to submit form via JS -->
    <button type="submit" id="submit">Submit</button>

  </form>
</body>
</html>
&#13;
&#13;
&#13;

0 个答案:

没有答案