js 正则表达式,层创建验证

来源:互联网 发布:ubuntu 设置 gateway 编辑:程序博客网 时间:2024/05/18 07:11

<script type="text/javascript">
function $(id)
{
 return document.getElementById(id);
}
function cdiv(e,regs,messucc,mesfail){
///无值的话
var reg = new RegExp(regs, "igm");
var messucc="<a href='#'>"+messucc+"</a>";// 正确的提示
var mesfail = "<a href='#'>"+mesfail+"</a>";//错误的提示
  var t=e.offsetTop;
  var l=e.offsetLeft;
  var ee=e;
  while(ee=ee.offsetParent)
  {
   t+=ee.offsetTop;
   l+=ee.offsetLeft;
  }
       if(!reg.test(e.value))
    {
  
     if($('div1'+e.id)==undefined)
   {
    var createDiv = document.createElement("div");
    createDiv.style.border = "1px solid #ccc";
    createDiv.setAttribute("id",'div1'+e.id);
    createDiv.style.background = "#f60";
    createDiv.setAttribute("position","absolute");
    createDiv.style.height = 10;
    createDiv.style.width = 100;
    createDiv.style.top =t;
    ///获取文本框后面的坐标
    createDiv.style.left =l+e.offsetWidth+3;
    createDiv.style.position ="absolute";
    
    createDiv.innerHTML=mesfail;//"<a href='#'>faile</a>"
    
    
    var tlink = document.getElementById("tlink");
    var parent = tlink.parentNode;
    if(parent.lastChild == tlink) {
    parent.appendChild(createDiv);
    } else {
    parent.insertBefore(createDiv, tlink.nextSibling);
    }
   
   }
   else
   {
    $('div1'+e.id).innerHTML=mesfail;
   }
    }
    ///通过的的话
    else
    {
      if($('div1'+e.id)==undefined)
   {
    var createDiv = document.createElement("div");
    createDiv.style.border = "1px solid #ccc";
    createDiv.setAttribute("id",'div1'+e.id);
    createDiv.style.background = "#f60";
    createDiv.setAttribute("position","absolute");
    createDiv.style.height = 10;
    createDiv.style.width = 100;
    createDiv.style.top =t;
    ///获取文本框后面的坐标
    createDiv.style.left =l+e.offsetWidth+3;
    createDiv.style.position ="absolute";
    
    createDiv.innerHTML=messucc;
    
    
    var tlink = document.getElementById("tlink");
    var parent = tlink.parentNode;
    if(parent.lastChild == tlink) {
    parent.appendChild(createDiv);
    } else {
    parent.insertBefore(createDiv, tlink.nextSibling);
    }
   
   }
   else
   {
    $('div1'+e.id).innerHTML=messucc;
   }
    }
 
}

 


</script>
<table width="525" height="138" >
<tr><td height="106">&nbsp;</td>
<td></td></tr><tr><td><input name="text" type="text" id="tlink" onblur="cdiv(this,'^//d+$','success','fail')" width="60px" /></td><td></td></tr></table>

原创粉丝点击