黑马程序员技术交流社区

标题: 求一个简单的js前台验证！！ [打印本页]

---

作者: wuchuang1992    时间: 2013-11-19 06:32
标题: 求一个简单的js前台验证！！
js学的不太好，大牛帮帮忙

---

作者: qw无语    时间: 2013-11-19 11:52
导入js脚本文件到页面上
<script type="text/javascript" src="js/q1.js"></script>
下面是q1.js文本的内容
function xianshi(x){        var x1 =x;
        x1.visibility= 'visible';
}
function likai(x){
        var x1 =x;
        x1.visibility= 'hidden';  //document.all.Layer2.style.visibility= 'visible';
}
function bukexue(){
        var x1=document.all.mima1.value;
        var x2=document.all.mima2.value;
        if(x1==x2) {document.all.Layer3.style.visibility= 'hidden'; }
        else {
        document.all.Layer3.style.visibility= 'visible'}
}
定义三个层：层的位子代码太长。。不打了
<div class="STYLE5" id="Layer1">请输入12位以内的数字或字母</div>
<div class="STYLE5" id="Layer2">密码长度请不要少于6位</div>
<div class="STYLE5" id="Layer3">2次密码不一致</div>
下面是onblur当失去焦点 调用likai(x)脚本，可以把Layer1隐藏起来,
onfocus拥有焦点，调用xianshi(x)脚本,可以将层的样式变为visible
<input name="zhanghao" type="text" size="24" onblur="likai(document.all.Layer1.style)" onfocus="xianshi(document.all.Layer1.style)" >
//同上
<input name="mima1" type="password" size="25" onblur="likai(document.all.Layer2.style)" onfocus="xianshi(document.all.Layer2.style)" >
//onKeyUp当键盘松开，调用这个bukexue()脚本，在脚本比较2个密码是否相同，不相同，Layer3就会显示
<input name="mima2" type="password" size="25"  onKeyUp="bukexue()" >
很久前写的3个脚本，想比较内容自己也可以写一个- -

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2