表单 

表单内容验证：
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>

 

posted @ 2016-11-15 12:05  最爱小虾  阅读(193)  评论(0)    收藏  举报