首页 > 其他 > 详细

表单验证

时间:2017-12-10 16:41:12      阅读:228      评论:0      收藏:0      [点我收藏+]
非空验证
技术分享图片
<script type="text/javascript">
//非空验证
var txt = document.getElementById("a");
txt.onblur = function(){
    if(txt.value==""){
        alert("不能为空");
        }

    }
</script>

当没有点击时文框内时点击空白不会alert显示输出结果

技术分享图片

当在文本框内输入时点击其他位置也不会出现输出不能为空

技术分享图片

当点击文本框内后再点击外部就会弹出输出内容不能为空

技术分享图片

相等验证

//相等验证
var z = document.getElementById("mima2");
z.onblur=function(){
    var z1 = document.getElementById("mima1");
    if(z1.value==z.value){
        alert("密码通过");
        }else{
            alert("两次密码不一致");}
    }

 

 技术分享图片

技术分享图片

 

 技术分享图片

技术分享图片

 

表单验证

原文:http://www.cnblogs.com/palpitate/p/8017123.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!