将标题为：使用JavaScript提交表单的方法

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：js教程 JS表单

JavaScript提交表单的方法有两种： 1. 使用`submit()`方法：通过调用表单元素的`submit()`方法，可以触发表单的提交事件。例如，如果表单的id为"myForm"，可以使用以下代码提交表单： ```javascript document.getElementById("myForm").submit(); ``` 2. 使用`fetch()`方法：通过使用`fetch()`函数，可以将表单数据作为请求体发送到指定的URL。例如，如果表单的id为"myForm"，目标URL为"https://example.com/submit"，可以使用以下代码提交表单： ```javascript const formData = new FormData(document.getElementById("myForm")); fetch("https://example.com/submit", { method: "POST", body: formData }) .then((response) => response.json()) .then((data) => console.log(

方法一：JS判断提交

js函数

functioncheckUser(){varresult=document.getElementById("userid").value;varpassword=document.getElementById("userpassid").value;if(result==""){alert("用户名不能为空");returnfalse;}if(password==""){alert("密码不能为空");returnfalse;}else{returntrue;}}

form表单

<formid="formid"name="myform"method='post'onsubmit="returncheckUser();"><inputtype="text"value=""class="text2"name="username"id="userid"/></td><inputtype="password"value=""class="text2"name="userpass"id="userpassid"/></td><inputtype="submit"value=""class="btn2"/></form>

方法二：

functioncheckUser(){varresult=document.getElementById("userid").value;varpassword=document.getElementById("passid").value;if(!result){alert("用户名不能为空");returnfalse;}if(!password){alert("密码不能为空");returnfalse;}document.getElementById("formid").submit();}

form表格的写法，需要写id

<formid="formid"method='post'>

button按钮的写法如下：

<inputtype="button"value=""class="btn2"onclick="checkUser();"/>