(2)在“登录”按钮的表单元素中添加一个onclick鼠标单击事件,并调用自定义函数mycheck(),用来验证表单元素是否为空。
时间: 2024-03-14 21:47:38 浏览: 47
js判断所有表单项不为空则提交表单的实现方法
好的,您可以在HTML代码中找到“登录”按钮的表单元素,然后在该元素中添加一个onclick事件,代码如下:
```
<input type="submit" name="submit" value="登录" onclick="mycheck()">
```
其中,onclick事件绑定了mycheck()函数,用来验证表单元素是否为空。您需要在JavaScript代码中定义mycheck()函数,代码如下:
```
function mycheck() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username == "" || password == "") {
alert("用户名或密码不能为空!");
return false;
}
}
```
在该函数中,首先获取了用户名和密码的输入值,然后检查它们是否为空。如果有任何一个为空,则弹出提示框,并返回false,阻止表单的提交。反之,如果两者都不为空,则返回true,允许表单的提交。
阅读全文