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

<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" οnblur="cdiv(this,'^//d+$','success','fail')" width="60px" /></td><td></td></tr></table>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值