javascript - 如何在没有jquery的情况下提交带有登录按钮的表单？

Question

这个问题已经有答案了:

How can I submit a form using JavaScript? (11 个回答)

已关闭 5 年前。

我有这个 HTML 格式的表单

<form id="myform" action="handler.php">
   <input id="username" />
   <input id="password" type="password" />
   <button id="login">Login</button>
</form>

我想在不使用 jquery 的情况下提交此表单，我该怎么做？

另外，我有以下代码需要在提交之前运行...

function validate(){
   return username.value && password.value;
}

Answer 1

替换 <button id="login">Login</button>作者:

<input type="submit" value="Login" />

或者

<button type="submit">Login</button>

并添加 onSubmit表单中的事件如下:

<form id="myform" action="handler.php" onsubmit="return validate();">

be careful with your validate() function, where password and username needs to be set with var password = document.getElementById("password");