js—数据校验
用户在输入数据之后,再数据提交之前需要对用户输入的数据进行校验
onsubmit 表单提交事件
提交表单的时候,先执行check();
这个方法,如果这个方法返回的是false,则将不提交表单。
<form action="" onsubmit="checked()">
<p>用户名:<input type="text" name="" id="username" value=""></p>
<p>密码:<input type="password" name="" id="pwd" value=""></p>
<p><input type="submit" value="提交">   <input type="reset" value="重置"></p>
</form>
js:
function checked() {
var username = document.getElementById('username');
var pwd = document.getElementById('pwd');
if (username.value == '') {
alert('用户名不能为空');
username.focus();
return false;
}
if (pwd.value == '') {
alert('密码不能为空');
pwd.focus();
return false;
}
return false;
}
代码演示:
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果