jsday10(校验表单正则dhtml中特有的正则规则 onblur onsubmit)(跟随广告)

来源：互联网发布：cstr在vb中什么意思编辑：程序博客网时间：2024/06/03 03:57

<script type="text/javascript" src="doctool.js"></script><style type="text/css">#yes,#no{    display:none;}</style><script type="text/javascript">function checkUser(userNode){    //alert(userNode.value);        var name = userNode.value;    //var reg = new RegExp("^[a-z]{5}$");//头和尾先判断不然容易出错 固定长度    //var reg = /^\w{5}$/;    var reg=/^[a-z]{5}$/i;//大小写忽略    var spanNode = byId("yes");    var spanNode2 = byId("no");    if(name.match(reg))    {        //spanNode.innerHTML="用户名正确".fontcolor("green");        spanNode.style.display="inline";        spanNode.style.color="green";        spanNode2.style.display="none";        return true;    }    else    {        //spanNode.innerHTML="用户名错误".fontcolor("red");        spanNode2.style.display="inline";        spanNode2.style.color="red";        spanNode.style.display="none";        return false;    }}function checkPsw(node){    var pass = node.value;    //var passreg = new RegExp("^[0-9]{5}$");    //var passreg = new RegExp("^\\d{5}$");    var passreg = /^\d{5}$/;    var spanNode = byId("pswspan");    if(pass.match(passreg))    {        spanNode.innerHTML="正确".fontcolor('green');        return true;    }       else    {        spanNode.innerHTML="错误".fontcolor('red');        return false;    }}function checkMail(node){    var mail = node.value;    var mailreg = /^\w+@\w+(\.\w)+$/;    var spanNode = byId("mailspan");    if(mailreg.test(mail))    {        mailspan.innerHTML="邮件正确".fontcolor('green');    }       else    {        mailspan.innerHTML="邮件错误".fontcolor('red');    }}function checkRpsw(node){    var rpswNode = node.value;    var pswNode = byName("psw")[0];}function checkForm(){    //event.returnValue=false;  //写returnValue下面没必要写return      //document.forms[0].user.value;    var form = doc.forms[0];    //alert(form.psw);    //return true;    if(checkUser(form.user)&&checkPsw(form.psw))    {        return true;    }    else        return false;}</script></head><body><form action="http://127.0.0.1" onsubmit="return checkForm()">用户名称<input type="text" name="user" onblur="checkUser(this)" /><span id="yes">用户名正确</span><span id="no">用户名错误</span><br/>输入密码<input type="text" name="psw" onblur="checkPsw(this)"/><span id="pswspan"></span><br/>确认密码<input type="text" name="repsw" onblur="checkRpsw(this)"/><span id="pswspan"></span><br/>邮件地址<input type="text" name="mail" onblur="checkMail(this)"/><span id="mailspan"></span><br/><input type="submit" name="提交数据" value="提交1"/></form></body>

<style type="text/css">#bodyid{    border:#000 1px solid;    position:absolute;    width:800px;    height:600px;}</style><script type="text/javascript">window.onload=function(){    document.body.onmousemove = function()    {        //alert("11");可以获取在body上的移动        var adNode = document.getElementById("ad");        //alert(adNode.nodeName);获取到了div节点        //adNode.style.left='event.clientX';       // document.write(adNode.style.left);        adNode.style.left = event.x+"px";        adNode.style.top = event.y+"px";//因为缺少px 所以不能改变位置 加上就可以了        }   }function  adclose()//干掉广告{    var adNode = document.getElementById("ad");    adNode.style.display="none";}</script></head><body><div id="ad" style="position:absolute" onclick="adclose()"><a href="http://127.0.0.1" target="_blank"><img src="1.jpg" /></a></div><div id="bodyid">    body区域</div><!--7、获取鼠标的坐标 让指定区域随着鼠标移动    获取鼠标坐标 event.x event.y;    指定区域随鼠标移动其实就是改变了指定区域的left top 属性的值    这里需要用到的事件 body对象的onmousemove事件     还需要用到一个css样式 直接定义页面 所以区域都在同一层次    为了对某一个区域进行定位 将该区域分离到另一个层次 用到css中的position属性--></body>

阅读全文

0 0

jsday10(校验表单 正则dhtml中特有的正则规则 onblur onsubmit)(跟随广告)

jsday10(校验表单正则dhtml中特有的正则规则 onblur onsubmit)(跟随广告)