JS表单提交的方法有以下几种常见的方式:使用form元素的submit()方法、使用AJAX进行异步提交以及使用fetch API进行异步提交。
- 使用form元素的submit()方法:
可以通过调用form元素的submit()方法来提交表单。该方法将触发表单的submit事件,让浏览器执行表单的默认提交行为。
代码示例:
<form id="myForm" action="submit.php" method="POST"> <input type="text" name="username" /> <input type="password" name="password" /> <input type="submit" value="提交" /> </form> <script> const form = document.querySelector(\'#myForm\'); form.addEventListener(\'submit\', (e) => { e.preventDefault(); // 阻止表单的默认提交行为 // 进行表单验证 // ... // 提交表单 form.submit(); }); </script>