一个有点好看的渐变验证提示框

最新推荐文章于 2024-09-28 22:27:31 发布

evila_love

最新推荐文章于 2024-09-28 22:27:31 发布

阅读量1.5k

点赞数

文章标签： div function microsoft input bt button

本文链接：https://blog.csdn.net/evila_love/article/details/1463187

版权

<html>
<head>
<style type="text/css">
input{border:1px solid gray; }
</style>
</head>
<body>
<div style="background-color:Green; width:200px; height:200px;"></div>
<input id="t1"/>
<input id="t2" />
<input type="button" id="bt" value="Submit" οnclick="checkErr()" />
<script>
function checkErr()
{
    if(div1)
    {
  div1.parentNode.removeChild(div1);
  div1="";
}
    document.getElementById('bt').disabled=true;
    var t1=document.getElementById('t1');
    var t2=document.getElementById('t2');
    if(!/^/w{1,5}$/.test(t1.value)){
    errorMsg="必填项;<br//>长度不大于５个字符";
    setTimeout("tixing1('"+t1.id+"',0);",300);
    return false;
    }
    if(!/^1[5|3]{1}/d{9}$/.test(t2.value))
    {
        errorMsg="必填项;<br//>请填写正确的手机号码";
        setTimeout("tixing1('"+t2.id+"',0);",300);
        return false;
    }
    return true;
}
//function   getXY(obj){
// for   (var   lx=0,ly=0;obj!=null;
// lx+=obj.offsetLeft,ly+=obj.offsetTop,obj=obj.offsetParent);
// return   {x:lx,y:ly}
// }
function getXY(obj)
{
    var x=0,y=0;
    while(obj)
    {
        x+=obj.offsetLeft;
        y+=obj.offsetTop;
        obj=obj.offsetParent;
    }
    return {x:x,y:y};
}

function alertErrMsg(id)
{
    var x,y,w,h;
    var o=document.getElementById(id);
    var oXY=getXY(o);
    div1=document.createElement('div');
    div1.id="div1";
    div1.style.position="absolute";
    if(isIe){
        div1.style.left=oXY.x+120;
        div1.style.top=oXY.y-50;
    }else{
        div1.style.left="150px";
        div1.style.top="150px";
        }
    div1.style.width="140px";
    div1.style.height="42px";
    div1.style.fontSize="12px";
    //div1.style.backgroundImage="url(img/duihuakuang.gif)";
    div1.style.backgroundColor="#FCD9C4";
    div1.style.boder="1px solid red";
    div1.style.color="red";
    div1.style.zIndex="11";
    div1.style.filter ="alpha(opacity=50)";
    div1.style.MozOpacity=0.50;
    div1.innerHTML="<div style='width:100%;height:100%;margin:5px;'>"+errorMsg+"</div>";
    document.body.appendChild(div1);
  if(isIe)
      swapShadow(80,10,5);
  else
      swapShadow(0.8,0.1,0.05);
}