表单验证之非空验证 

<body>

//表单元素
<input type="text" id="uid" />
</body>

<script type="text/javascript">
//获取元素
var txt = document.getElementById("uid");
//元素上焦点离开执行操作
txt.onblur = function(){
    //判断元素的value是否为空
    if(txt.value==""){
        alert("用户名不能为空！");
        }
    }

</script>


 

当表单为空时，鼠标离开表单，弹出提示，如图所示，

 

posted @ 2017-12-20 15:49  niushuangmeng  阅读(2865)  评论(0)  编辑  收藏  举报