表单内容验证:
1,阻止用户输入非法字符 ------阻止事件
2,输入时,失去焦点时验证-------onkeyup,onblur
3,提交时检查-----------------onsubmit
*后台数据检查。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="https://www.baidu.com" method="get" id="form1">
用户:<input type="text" name="user">
密码:<input type="password" name="pass">
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
表单内容验证:
1,阻止用户输入非法字符 ------阻止事件
2,输入时,失去焦点时验证-------onkeyup,onblur
3,提交时检查-----------------onsubmit
*后台数据检查。
</body>
</html>
<script type="text/javascript">
window.onload = function () {
var oForm = document.getElementById("form1");
var oUser = document.getElementsByName("user")[0];
var oPass = document.getElementsByName("pass")[0];
oForm.onsubmit = function () {
if(oUser.value ==''||oPass.value == ''){
alert("请填写完");
return false;//阻止默认行为
}
}
oForm.onreset = function () {
// if(confirm("是否清空")){
// return true;
// }else{
// return false;
// }
//简化
return confirm("是否清空");
}
}
</script>