`

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

分享到:
评论

相关推荐

    神奇的匹配 正则表达式求精之旅

    并基于目前流行的程序语言和应用环境(如C#、ASP.NET、JSP、JavaScript或PHP),全面介绍了创建正则表达式的方法,以及正则表达式在Web环境中的各种应用。 《神奇的匹配:正则表达式求精之旅》适合广大Web网站开发...

    JavaScript正则表达式

    JavaScript正则表达式 一、认识正则表达式 1、正则表达式是描述字符模式的对象,正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。 2、String和RegExp都定义了使用正则表达式进行强大...

    正则表达式经典实例

    即使有经验的用户也经常会遇到性能不佳、误报、漏报等让人挠头的错误,本书对于如何使用正则表达式来解决一些常见的问题给出了按部就班的解决方案,其中包括c#、Java、JavaScript、Perl、PHP、Python、Ruby和VB...

    正则表达式经典实例.pdf

    即使有经验的用户也经常会遇到性能不佳、误报、漏报等让人挠头的错误,本书对于如何使用正则表达式来解决一些常见的问题给出了按部就班的解决方案,其中包括c#、Java、JavaScript、Perl、PHP、Python、Ruby和VB...

    正则表达式

    我们已经发现了,在正则表达式中所有的字母字符和数字都是按照字面意思与自身相匹配的.JavaScript的正则表达式还通过以反斜杠(\)开头的转义序列支持某些非 字母字符.例如,序列 "\n" 在字符串中匹配的是一个直接量换...

    精通正则表达式(第三版)

    着重介绍了正则表达式在数字验证、字符串验证、数字和字符串混合验证、HTML处理等各个方面的应用,并基于目前流行的程序语言或应用环境(如C#、ASP.NET、JSP、JavaScript、PHP),全面介绍了创建正则表达式的方法,...

    神奇的匹配-正则表达式求精之旅

    《神奇的匹配:正则表达式求精之旅》从正则表达式的基本概念...并基于目前流行的程序语言和应用环境(如C#、ASP.NET、JSP、JavaScript或PHP),全面介绍了创建正则表达式的方法,以及正则表达式在Web环境中的各种应用。

    从自然语言创建正则表达式-JavaScript开发

    natural-regex用自然语言创建正则表达式注意-该项目尚未完成。 在1.0.0版之前,可能会有重大更改。 随时贡献力量,请参阅TODO入门。 natur natural-regex用自然语言创建正则表达式注意-该项目尚未完成。 在1.0.0版...

    JavaScript正则表达式小结

    正则表达式的创建 1.字面量方式创建(常用): var reg = / 规则 /; 2.构造函数方式创建 var reg = new RegExp(); //注意:new可以省略 var reg = RegExp(); 正则表达式的方法 1.test(验证)  语法:  正则...

    神奇的匹配:正则表达式求精之旅

    本书从正则表达式的基本概念、基本语法入手,着重于数字验证...并基于目前流行的程序语言和应用环境(如C#、ASP.NET、JSP、JavaScript或PHP),全面介绍了创建正则表达式的方法,以及正则表达式在Web环境中的各种应用。

    Javascript的表单验证-揭开正则表达式的面纱

    在上篇文章给大家介绍了javascript的表单验证-初识正则表达式,本文给大家介绍Javascript的表单验证-揭开正则表达式的面纱,具体详情请看全文。 用元字符匹配相应的字符类型 创建正则表达式有点像创建字符串字面量,...

    精通正则表达式

    从正则表达式的基本概念、基本语法入手,着重介绍了正则表达式在数字验证、字符串验证、数字和字符串混合验证、HTML处理等各个方面的应用,并基于目前流行的程序语言或应用环境(如C#、ASP.NET、JSP、JavaScript、PHP...

    javascript正则表达式总结

    Regexpal是一个在线Javascript正则表达式处理器,地址是:http://www.regexpal.com 学习正则重要的是实践操作,不妨举个栗子: 匹配号码:707-827-7019 字符组匹配 [0-9][0-9][0-9]-[0-9][0-9][0-9]-[0-9][0-9][0-9]...

    javascript高级程序设计(第三版)学习笔记(一) 正则表达式整理

    1、创建正则表达式 第一种方式:注意这里的正则表达式不能使用单引号或者双引号,如下 var pattern1 = /[abc]/i; // 匹配第一个”a”或”b”或”c”,不区分大小写 第二种方式:使用RegExp构造函数创建,该构造函数...

    精通JS正则表达式(推荐)

    正则表达式可以: •测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。... 创建正则表达式 代码如下: v

    还不会正则表达式?赶快看这篇!

    不同语言中的正则表达式写法有少许差异,本文将使用 Javascript 中的语法。 什么是正则表达式? 正则表达式(Regular Expression 或 Regex),是用于定义某种特定搜索模式的字符组合。正则表达式可用于匹配、查找和...

    精通 JavaScript中的正则表达式手机整理 推荐

    正则表达式可以: •测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。... 创建正则表达式 Js代码 代码

    JavaScript常用的正则表达式表单验证代码

    验证表单的不同内容用的是不同的正则表达式。客户端验证常用的几个。

    jQuery正则表达式的使用方法步骤详解

    1、正则表达式的创建 a) var checkNum = /^[A-Za-z0-9]+$/; b) var re=new RegExp(“["+s1+"]“,”g”); 2、常用规则 a) 用户密码:/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/ b) 邮件:/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)...

Global site tag (gtag.js) - Google Analytics