EASYUI表单扩展

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />

<title>禁止访问</title>

<script type=”text/javascript” src=”jquery-1.4.4.min.js”></script>

<script type=”text/javascript” src=”jquery.easyui.min.js”></script>

<link rel=”stylesheet” type=”text/css” href=”themes/default/easyui.css”>

<link rel=”stylesheet” type=”text/css” href=”themes/icon.css”>

<script>

<!– 导入jquery.js  和easy_ui.js 自定义自己的 JS  家庭地址 是验证密码的–>

$(function(){

  $(‘#uiform input’).each(function () {

            if ($(this).attr(‘required’) || $(this).attr(‘validType’))

                $(this).validatebox();

        })

});

$.extend($.fn.validatebox.defaults.rules, {

    CHS: {

        validator: function (value, param) {

            return /^[\u0391-\uFFE5]+$/.test(value);

        },

        message: ‘请输入汉字’

    },

    ZIP: {

        validator: function (value, param) {

            return /^[1-9]\d{5}$/.test(value);

        },

        message: ‘邮政编码不存在’

    },

    QQ: {

        validator: function (value, param) {

            return /^[1-9]\d{4,10}$/.test(value);

        },

        message: ‘QQ号码不正确’

    },

    mobile: {

        validator: function (value, param) {

            return /^((\(\d{2,3}\))|(\d{3}\-)) 13\d{9}$/.test(value);

        },

        message: ‘手机号码不正确’

    },

    loginName: {

        validator: function (value, param) {

            return /^[\u0391-\uFFE5\w]+$/.test(value);

        },

        message: ‘登录名称只允许汉字、英文字母、数字及下划线。’

    },

    safepass: {

        validator: function (value, param) {

            return safePassword(value);

        },

        message: ‘密码由字母和数字组成,至少6位’

    },

    equalTo: {

        validator: function (value, param) {

            return value == $(param[0]).val();

        },

        message: ‘两次输入的字符不一至’

    },

    number: {

        validator: function (value, param) {

            return /^\d+$/.test(value);

        },

        message: ‘请输入数字’

    },

    idcard: {

        validator: function (value, param) {

            return idCard(value);

        },

        message:’请输入正确的身份证号码’

    }

});

/* 密码由字母和数字组成,至少6位 */

var safePassword = function (value) {

    return !(/^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\ \\\/\’\”]*)|.{0,5})$|\s/.test(value));

}

var idCard = function (value) {

    if (value.length == 18 && 18 != value.length) return false;

    var number = value.toLowerCase();

    var d, sum = 0, v = ’10×98765432′, w = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2], a = ‘11,12,13,14,15,21,22,23,31,32,33,34,35,36,37,41,42,43,44,45,46,50,51,52,53,54,61,62,63,64,65,71,81,82,91’;

    var re = number.match(/^(\d{2})\d{4}(((\d{2})(\d{2})(\d{2})(\d{3}))|((\d{4})(\d{2})(\d{2})(\d{3}[x\d])))$/);

    if (re == null || a.indexOf(re[1]) < 0) return false;

    if (re[2].length == 9) {

        number = number.substr(0, 6) + ’19’ + number.substr(6);

        d = [’19’ + re[4], re[5], re[6]].join(‘-‘);

    } else d = [re[9], re[10], re[11]].join(‘-‘);

    if (!isDateTime.call(d, ‘yyyy-MM-dd’)) return false;

    for (var i = 0; i < 17; i++) sum += number.charAt(i) * w[i];

    return (re[2].length == 9 || number.charAt(17) == v.charAt(sum % 11));

}

var isDateTime = function (format, reObj) {

    format = format || ‘yyyy-MM-dd’;

    var input = this, o = {}, d = new Date();

    var f1 = format.split(/[^a-z]+/gi), f2 = input.split(/\D+/g), f3 = format.split(/[a-z]+/gi), f4 = input.split(/\d+/g);

    var len = f1.length, len1 = f3.length;

    if (len != f2.length || len1 != f4.length) return false;

    for (var i = 0; i < len1; i++) if (f3[i] != f4[i]) return false;

    for (var i = 0; i < len; i++) o[f1[i]] = f2[i];

    o.yyyy = s(o.yyyy, o.yy, d.getFullYear(), 9999, 4);

    o.MM = s(o.MM, o.M, d.getMonth() + 1, 12);

    o.dd = s(o.dd, o.d, d.getDate(), 31);

    o.hh = s(o.hh, o.h, d.getHours(), 24);

    o.mm = s(o.mm, o.m, d.getMinutes());

    o.ss = s(o.ss, o.s, d.getSeconds());

    o.ms = s(o.ms, o.ms, d.getMilliseconds(), 999, 3);

    if (o.yyyy + o.MM + o.dd + o.hh + o.mm + o.ss + o.ms < 0) return false;

    if (o.yyyy < 100) o.yyyy += (o.yyyy > 30   1900 : 2000);

    d = new Date(o.yyyy, o.MM – 1, o.dd, o.hh, o.mm, o.ss, o.ms);

    var reVal = d.getFullYear() == o.yyyy && d.getMonth() + 1 == o.MM && d.getDate() == o.dd && d.getHours() == o.hh && d.getMinutes() == o.mm && d.getSeconds() == o.ss && d.getMilliseconds() == o.ms;

    return reVal && reObj   d : reVal;

    function s(s1, s2, s3, s4, s5) {

        s4 = s4 || 60, s5 = s5 || 2;

        var reVal = s3;

        if (s1 != undefined && s1 != ” || !isNaN(s1)) reVal = s1 * 1;

        if (s2 != undefined && s2 != ” && !isNaN(s2)) reVal = s2 * 1;

        return (reVal == s1 && s1.length != s5 || reVal > s4)   -10000 : reVal;

    }

};

</script>

</head>

<body>

<table class=”grid” id=”uiform”>

<tr><td>登录名:</td><td><input  required=”true” id=”txtUsername” type=”text” class=”txt03″ /></td><td>真实姓名:</td><td><input id=”txtTruename” validType=”CHS” required=”true” type=”text” class=”txt03″ /></td></tr>

<tr><td>登录密码:</td><td><input validType=”safepass”  required=”true” id=”txtPassword” name=”password” type=”password” class=”txt03″ /></td><td>Email:</td><td><input id=”txtEmail” name=”email”  validType=”email” type=”text” class=”txt03″ /></td></tr>

<tr><td>身份证号:</td><td><input validType=”idcard” id=”txtIdcard” name=”idcard” type=”text” class=”txt03″ /></td><td>QQ:</td><td><input validType=”QQ” id=”txtQq” name=”qq” type=”text” class=”txt03″ /></td></tr>

<tr><td>手机:</td><td><input validType=”mobile” id=”txtMobile” name=”mobile” type=”text” class=”txt03″ /></td><td>电话:</td><td><input id=”txtTel” name=”tel” type=”text” class=”txt03″ /></td></tr>

<tr><td>家庭住址:</td><td colspan=”3″><input validType=”equalTo[txtMobile]” style=”width:80%” id=”txtHomeaddr” name=”homeaddr” type=”text” class=”txt03″ /></td></tr>

<tr><td>备注:</td><td colspan=”3″> <input type=”text” style=”width:80%” class=”txt03″ id=”txtRemark”></textarea></td></tr>

<tr><td>&nbsp;</td><td colspan=”3″><input id=”Checkbox1″ type=”checkbox” /><label>超级管理员</label>&nbsp;&nbsp;<input id=”Checkbox2″ type=”checkbox” /><label>禁用</label></td></tr>

</table

</body>

</html>

我的QQ

<a href=”http://sighttp.qq.com/cgi-bin/check sigkey=5b49f1dc7e219b898533ba12b62a6f5f88961c348e2e561df1917877654967336df90f5638d979e270dfa4b402bb9c81a89d7fa0fc98ec39″; target=_blank; onclick=”var tempSrc=’http://sighttp.qq.com/wpa.js rantime=’+Math.random()+’&sigkey=5b49f1dc7e219b898533ba12b62a6f5f88961c348e2e561df1917877654967336df90f5638d979e270dfa4b402bb9c81a89d7fa0fc98ec39′;var oldscript=document.getElementById(‘testJs’);var newscript=document.createElement(‘script’);newscript.setAttribute(‘type’,’text/javascript’); newscript.setAttribute(‘id’, ‘testJs’);newscript.setAttribute(‘src’,tempSrc);if(oldscript == null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript, oldscript);}return false;”><img border=”0″ SRC=’http://wpa.qq.com/pa p=1:346637299:1′ alt=”点击这里给我发消息”></a>

 

常用的JavaScript验证正则表达式

下面都是我收集的一些比较常用的正则表达式,因为平常可能在表单验证的时候,用到的比较多。特发出来,让各位朋友共同使用。呵呵。

匹配中文字符的正则表达式: [u4e00-u9fa5]

评注:匹配中文还真是个头疼的事,有了这个表达式就好办了

匹配双字节字符(包括汉字在内):[^x00-xff]

评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

匹配空白行的正则表达式:ns*r

评注:可以用来删除空白行

匹配HTML标记的正则表达式:< (S* )[^>]*>.* |< .*  />

评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力

匹配首尾空白字符的正则表达式:^s*|s*$

评注:可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式

匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*

评注:表单验证时很实用

匹配网址URL的正则表达式:[a-zA-z]+://[^s]*

评注:网上流传的版本功能很有限,上面这个基本可以满足需求

匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$

评注:表单验证时很实用

匹配国内电话号码:d{3}-d{8}|d{4}-d{7}

评注:匹配形式如 0511-4405222 或 021-87888822

匹配腾讯QQ号:[1-9][0-9]{4,}

评注:腾讯QQ号从10000开始

匹配中国邮政编码:[1-9]d{5}( !d)

评注:中国邮政编码为6位数字

匹配身份证:d{15}|d{18}

评注:中国的身份证为15位或18位

匹配ip地址:d+.d+.d+.d+

评注:提取ip地址时有用

匹配特定数字:

^[1-9]d*$    //匹配正整数

^-[1-9]d*$   //匹配负整数

^- [1-9]d*$   //匹配整数

^[1-9]d*|0$  //匹配非负整数(正整数 + 0)

^-[1-9]d*|0$   //匹配非正整数(负整数 + 0)

^[1-9]d*.d*|0.d*[1-9]d*$   //匹配正浮点数

^-([1-9]d*.d*|0.d*[1-9]d*)$  //匹配负浮点数

^- ([1-9]d*.d*|0.d*[1-9]d*|0 .0+|0)$  //匹配浮点数

^[1-9]d*.d*|0.d*[1-9]d*|0 .0+|0$   //匹配非负浮点数(正浮点数 + 0)

^(-([1-9]d*.d*|0.d*[1-9]d*))|0 .0+|0$  //匹配非正浮点数(负浮点数 + 0)

评注:处理大量数据时有用,具体应用时注意修正

匹配特定字符串:

^[A-Za-z]+$  //匹配由26个英文字母组成的字符串

^[A-Z]+$  //匹配由26个英文字母的大写组成的字符串

^[a-z]+$  //匹配由26个英文字母的小写组成的字符串

^[A-Za-z0-9]+$  //匹配由数字和26个英文字母组成的字符串

^w+$  //匹配由数字、26个英文字母或者下划线组成的字符串

在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下:

只能输入数字:“^[0-9]*$”

只能输入n位的数字:“^d{n}$”

只能输入至少n位数字:“^d{n,}$”

只能输入m-n位的数字:“^d{m,n}$”

只能输入零和非零开头的数字:“^(0|[1-9][0-9]*)$”

只能输入有两位小数的正实数:“^[0-9]+(.[0-9]{2}) $”

只能输入有1-3位小数的正实数:“^[0-9]+(.[0-9]{1,3}) $”

只能输入非零的正整数:“^+ [1-9][0-9]*$”

只能输入非零的负整数:“^-[1-9][0-9]*$”

只能输入长度为3的字符:“^.{3}$”

只能输入由26个英文字母组成的字符串:“^[A-Za-z]+$”

只能输入由26个大写英文字母组成的字符串:“^[A-Z]+$”

只能输入由26个小写英文字母组成的字符串:“^[a-z]+$”

只能输入由数字和26个英文字母组成的字符串:“^[A-Za-z0-9]+$”

只能输入由数字、26个英文字母或者下划线组成的字符串:“^w+$”

验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为:以字母开头,长度在6-18之间,

只能包含字符、数字和下划线。

验证是否含有^%&’,;= $”等字符:“[^%&’,;= $x22]+”

只能输入汉字:“^[u4e00-u9fa5],{0,}$”

验证Email地址:“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$”

验证InternetURL:“^http://([w-]+.)+[w-]+(/[w-./ %&=]*) $”

验证电话号码:“^((d{3,4})|d{3,4}-) d{7,8}$”

正确格式为:“XXXX-XXXXXXX”,“XXXX-XXXXXXXX”,“XXX-XXXXXXX”,

“XXX-XXXXXXXX”,“XXXXXXX”,“XXXXXXXX”。

验证身份证号(15位或18位数字):“^d{15}|d{}18$”

验证一年的12个月:“^(0 [1-9]|1[0-2])$”正确格式为:“01”-“09”和“1”“12”

验证一个月的31天:“^((0 [1-9])|((1|2)[0-9])|30|31)$”

正确格式为:“01”“09”和“1”“31”。

匹配中文字符的正则表达式: [u4e00-u9fa5]

匹配双字节字符(包括汉字在内):[^x00-xff]

匹配空行的正则表达式:n[s| ]*r

匹配HTML标记的正则表达式:/< (.*)>.*|< (.*) />/

匹配首尾空格的正则表达式:(^s*)|(s*$)

匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*

匹配网址URL的正则表达式:http://([w-]+.)+[w-]+(/[w- ./ %&=]*) 

(1)应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

String.prototype.len=function(){return this.replace([^x00-xff]/g,”aa”).length;}

(2)应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现

String.prototype.trim = function()

{

return this.replace(/(^s*)|(s*$)/g, “”);

}

(3)应用:利用正则表达式分解和转换IP地址

function IP2V(ip) //IP地址转换成对应数值

{

re=/(d+).(d+).(d+).(d+)/g //匹配IP地址的正则表达式

if(re.test(ip))

{

return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1

}

else

{

throw new Error(”Not a valid IP address!”)

}

}

(4)应用:从URL地址中提取文件名的javascript程序

s=”http://www.9499.net/page1.htm”;

s=s.replace(/(.*/){0,}([^.]+).*/ig,”$2″) ; //Page1.htm

(5)应用:利用正则表达式限制网页表单里的文本框输入内容

用正则表达式限制只能输入中文:onkeyup=”value=”/blog/value.replace(/[“^u4E00-u9FA5]/g,”) ” onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^u4E00-u9FA5]/g,”))”

用正则表达式限制只能输入全角字符: onkeyup=”value=”/blog/value.replace(/[“^uFF00-uFFFF]/g,”) ” onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^uFF00-uFFFF]/g,”))”

用正则表达式限制只能输入数字:onkeyup=”value=”/blog/value.replace(/[“^d]/g,”) “onbeforepaste= “clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^d]/g,”))”

用正则表达式限制只能输入数字和英文:onkeyup=”value=”/blog/value.replace(/[W]/g,””) “onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^d]/g,”

常用正则表达式大全

常用正则表达式大全!(例如:匹配中文、匹配html)

匹配中文字符的正则表达式: [u4e00-u9fa5]   

评注:匹配中文还真是个头疼的事,有了这个表达式就好办了

  

匹配双字节字符(包括汉字在内):[^x00-xff]   

评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

   

匹配空白行的正则表达式:ns*r   

评注:可以用来删除空白行   

 

匹配HTML标记的正则表达式:<(S* )[^>]*>.* |<.*  />   

评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力   

 

匹配首尾空白字符的正则表达式:^s*|s*$   

评注:可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式   

 

匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*   

评注:表单验证时很实用   

 

匹配网址URL的正则表达式:[a-zA-z]+://[^s]*   

评注:网上流传的版本功能很有限,上面这个基本可以满足需求   

 

匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$   

评注:表单验证时很实用   

 

匹配国内电话号码:d{3}-d{8}|d{4}-d{7}   

评注:匹配形式如 0511-4405222 或 021-87888822   

 

匹配腾讯QQ号:[1-9][0-9]{4,}   

评注:腾讯QQ号从10000开始   

 

匹配中国邮政编码:[1-9]d{5}( !d)   

评注:中国邮政编码为6位数字   

 

匹配身份证:d{15}|d{18}   

评注:中国的身份证为15位或18位   

 

匹配ip地址:d+.d+.d+.d+   

评注:提取ip地址时有用   

 

匹配特定数字:   

^[1-9]d*$    //匹配正整数   

^-[1-9]d*$   //匹配负整数   

^- [1-9]d*$   //匹配整数   

^[1-9]d*|0$  //匹配非负整数(正整数 + 0)   

^-[1-9]d*|0$   //匹配非正整数(负整数 + 0)   

^[1-9]d*.d*|0.d*[1-9]d*$   //匹配正浮点数   

^-([1-9]d*.d*|0.d*[1-9]d*)$  //匹配负浮点数   

^- ([1-9]d*.d*|0.d*[1-9]d*|0 .0+|0)$  //匹配浮点数   

^[1-9]d*.d*|0.d*[1-9]d*|0 .0+|0$   //匹配非负浮点数(正浮点数 + 0)   

^(-([1-9]d*.d*|0.d*[1-9]d*))|0 .0+|0$  //匹配非正浮点数(负浮点数 + 0)   

评注:处理大量数据时有用,具体应用时注意修正   

 

匹配特定字符串:   

^[A-Za-z]+$  //匹配由26个英文字母组成的字符串   

^[A-Z]+$  //匹配由26个英文字母的大写组成的字符串   

^[a-z]+$  //匹配由26个英文字母的小写组成的字符串   

^[A-Za-z0-9]+$  //匹配由数字和26个英文字母组成的字符串   

^w+$  //匹配由数字、26个英文字母或者下划线组成的字符串   

 

在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下:   

只能输入数字:“^[0-9]*$”   

只能输入n位的数字:“^d{n}$”   

只能输入至少n位数字:“^d{n,}$”   

只能输入m-n位的数字:“^d{m,n}$”   

只能输入零和非零开头的数字:“^(0|[1-9][0-9]*)$”   

只能输入有两位小数的正实数:“^[0-9]+(.[0-9]{2}) $”   

只能输入有1-3位小数的正实数:“^[0-9]+(.[0-9]{1,3}) $”   

只能输入非零的正整数:“^+ [1-9][0-9]*$”   

只能输入非零的负整数:“^-[1-9][0-9]*$”   

只能输入长度为3的字符:“^.{3}$”   

只能输入由26个英文字母组成的字符串:“^[A-Za-z]+$”   

只能输入由26个大写英文字母组成的字符串:“^[A-Z]+$”   

只能输入由26个小写英文字母组成的字符串:“^[a-z]+$”   

只能输入由数字和26个英文字母组成的字符串:“^[A-Za-z0-9]+$”   

只能输入由数字、26个英文字母或者下划线组成的字符串:“^w+$”   

 

验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为:以字母开头,长度在6-18之间,只能包含字符、数字和下划线。   

 

验证是否含有^%&”,;= $”等字符:“[^%&”,;= $x22]+”   只能输入汉字:“^[u4e00-u9fa5],{0,}$”   

 

验证Email地址:“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$”   

 

验证InternetURL:“^http://([w-]+.)+[w-]+(/[w-./ %&=]*) $”   

 

验证电话号码:“^((d{3,4})|d{3,4}-) d{7,8}$”   

正确格式为:“XXXX-XXXXXXX”,“XXXX-XXXXXXXX”,“XXX-XXXXXXX”,   “XXX-XXXXXXXX”,“XXXXXXX”,“XXXXXXXX”。   

 

验证身份证号(15位或18位数字):“^d{15}|d{}18$”   

 

验证一年的12个月:“^(0 [1-9]|1[0-2])$”正确格式为:“01”-“09”和“1”“12”   

验证一个月的31天:“^((0 [1-9])|((1|2)[0-9])|30|31)$”   正确格式为:“01”“09”和“1”“31”。   

 

匹配中文字符的正则表达式: [u4e00-u9fa5]   

匹配双字节字符(包括汉字在内):[^x00-xff]   

匹配空行的正则表达式:n[s| ]*r   

匹配HTML标记的正则表达式:/<(.*)>.*|<(.*) />/   

匹配首尾空格的正则表达式:(^s*)|(s*$)   

匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*   

 

匹配网址URL的正则表达式:http://([w-]+.)+[w-]+(/[w- ./ %&=]*)    

 

(1)应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)   

String.prototype.len=function(){return this.replace([^x00-xff]/g,”aa”).length;}   

 

(2)应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现   

String.prototype.trim = function()   {   

return this.replace(/(^s*)|(s*$)/g, “”);   

}   

 

(3)应用:利用正则表达式分解和转换IP地址   

function IP2V(ip) //IP地址转换成对应数值   {   

re=/(d+).(d+).(d+).(d+)/g //匹配IP地址的正则表达式   

if(re.test(ip))   {   

return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1   

}   else   {   

throw new Error(“Not a valid IP address!”)   

}   }   

 

(4)应用:从URL地址中提取文件名的javascript程序   

s=”http://www.9499.net/page1.htm”;   

s=s.replace(/(.*/){0,}([^.]+).*/ig,”$2″) ;//Page1.htm   

 

(5)应用:利用正则表达式限制网页表单里的文本框输入内容   

用正则表达式限制只能输入中文:

onkeyup=”value=value.replace(/[^u4E00-u9FA5]/g,”) “onbeforepaste=”clipboardData.setData(”text”,clipboardData.getData(”text”).replace(/[^u4E00-u9FA5]/g,”))”   

用正则表达式限制只能输入全角字符:

onkeyup=”value=value.replace(/[^uFF00-uFFFF]/g,”) “onbeforepaste=”clipboardData.setData(”text”,clipboardData.getData(”text”).replace(/[^uFF00-uFFFF]/g,”))”   

用正则表达式限制只能输入数字:onkeyup=”value=value.replace(/[^d]/g,”) “onbeforepaste= “clipboardData.setData(”text”,clipboardData.getData(”text”).replace(/[^d]/g,”))”   

用正则表达式限制只能输入数字和英文:

onkeyup=”value=value.replace(/[W]/g,”) “onbeforepaste=”clipboardData.setData(”text”,clipboardData.getData(”text”).replace(/[^d]/g,”

创建Createelement

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
 <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
 <meta http-equiv=”Content-Language” content=”zh-CN” />
 <title> New Document </title>
 <meta name=”Designer” content=”hayden QQ:3996992″ />
 <meta name=”Designer mail” content=”hayden@yeah.net” />
 <meta name=”robots” content=”hayden” />
 <meta name=”Keywords” content=”静¢脉|★DuS★’s BLOG!” />
 <meta name=”Description” content=”静¢脉|★DuS★’s BLOG!” />
 <link rel=”stylesheet” rev=”stylesheet” href=”” type=”text/css” media=”all” />
 <script src=”” type=”text/javascript” language=”javascript”></script>
</head>
<body>
<script language=”JavaScript”>
<!–
var $=new Function(‘obj’,’return document.getElementById(obj);’);
function fnAppend(sstr){
 var oNewNode = document.createElement(“DIV”);
 $(“mlist”).appendChild(oNewNode);
 oNewNode.innerHTML=sstr;
}
//–>
</script>
<input type=”button” onclick=”fnAppend(‘sdf’);” value=”++”>
<div id=”mlist”>

</div>
</body>
</html>

常用的正则表达式

写道
匹配中文字符的正则表达式: [u4e00-u9fa5]
评注:匹配中文还真是个头疼的事,有了这个表达式就好办了

匹配双字节字符(包括汉字在内):[^x00-xff]
评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

匹配空白行的正则表达式:ns*r
评注:可以用来删除空白行

匹配HTML标记的正则表达式:<(S* )[^>]*>.* |<.*  />
评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力

匹配首尾空白字符的正则表达式:^s*|s*$
评注:可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式

匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
评注:表单验证时很实用

匹配网址URL的正则表达式:[a-zA-z]+://[^s]*
评注:网上流传的版本功能很有限,上面这个基本可以满足需求

匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$
评注:表单验证时很实用

匹配国内电话号码:d{3}-d{8}|d{4}-d{7}
评注:匹配形式如 0511-4405222 或 021-87888822

匹配腾讯QQ号:[1-9][0-9]{4,}
评注:腾讯QQ号从10000开始

匹配中国邮政编码:[1-9]d{5}( !d)
评注:中国邮政编码为6位数字

匹配身份证:d{15}|d{18}
评注:中国的身份证为15位或18位

匹配ip地址:d+.d+.d+.d+
评注:提取ip地址时有用

匹配特定数字:
^[1-9]d*$    //匹配正整数
^-[1-9]d*$   //匹配负整数
^- [1-9]d*$   //匹配整数
^[1-9]d*|0$  //匹配非负整数(正整数 + 0)
^-[1-9]d*|0$   //匹配非正整数(负整数 + 0)
^[1-9]d*.d*|0.d*[1-9]d*$   //匹配正浮点数
^-([1-9]d*.d*|0.d*[1-9]d*)$  //匹配负浮点数
^- ([1-9]d*.d*|0.d*[1-9]d*|0 .0+|0)$  //匹配浮点数
^[1-9]d*.d*|0.d*[1-9]d*|0 .0+|0$   //匹配非负浮点数(正浮点数 + 0)
^(-([1-9]d*.d*|0.d*[1-9]d*))|0 .0+|0$  //匹配非正浮点数(负浮点数 + 0)
评注:处理大量数据时有用,具体应用时注意修正
匹配特定字符串:
^[A-Za-z]+$  //匹配由26个英文字母组成的字符串
^[A-Z]+$  //匹配由26个英文字母的大写组成的字符串
^[a-z]+$  //匹配由26个英文字母的小写组成的字符串
^[A-Za-z0-9]+$  //匹配由数字和26个英文字母组成的字符串
^w+$  //匹配由数字、26个英文字母或者下划线组成的字符串

在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下:

只能输入数字:“^[0-9]*$”
只能输入n位的数字:“^d{n}$”
只能输入至少n位数字:“^d{n,}$”
只能输入m-n位的数字:“^d{m,n}$”
只能输入零和非零开头的数字:“^(0|[1-9][0-9]*)$”
只能输入有两位小数的正实数:“^[0-9]+(.[0-9]{2}) $”
只能输入有1-3位小数的正实数:“^[0-9]+(.[0-9]{1,3}) $”
只能输入非零的正整数:“^+ [1-9][0-9]*$”
只能输入非零的负整数:“^-[1-9][0-9]*$”
只能输入长度为3的字符:“^.{3}$”
只能输入由26个英文字母组成的字符串:“^[A-Za-z]+$”
只能输入由26个大写英文字母组成的字符串:“^[A-Z]+$”
只能输入由26个小写英文字母组成的字符串:“^[a-z]+$”
只能输入由数字和26个英文字母组成的字符串:“^[A-Za-z0-9]+$”
只能输入由数字、26个英文字母或者下划线组成的字符串:“^w+$”
验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为:以字母开头,长度在6-18之间,

只能包含字符、数字和下划线。
验证是否含有^%&’,;= $”等字符:“[^%&’,;= $x22]+”
只能输入汉字:“^[u4e00-u9fa5],{0,}$”
验证Email地址:“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$”
验证InternetURL:“^http://([w-]+.)+[w-]+(/[w-./ %&=]*) $”
验证电话号码:“^((d{3,4})|d{3,4}-) d{7,8}$”

正确格式为:“XXXX-XXXXXXX”,“XXXX-XXXXXXXX”,“XXX-XXXXXXX”,

“XXX-XXXXXXXX”,“XXXXXXX”,“XXXXXXXX”。
验证身份证号(15位或18位数字):“^d{15}|d{}18$”
验证一年的12个月:“^(0 [1-9]|1[0-2])$”正确格式为:“01”-“09”和“1”“12”
验证一个月的31天:“^((0 [1-9])|((1|2)[0-9])|30|31)$”

正确格式为:“01”“09”和“1”“31”。

匹配中文字符的正则表达式: [u4e00-u9fa5]
匹配双字节字符(包括汉字在内):[^x00-xff]
匹配空行的正则表达式:n[s| ]*r
匹配HTML标记的正则表达式:/<(.*)>.*</1>|<(.*) />/
匹配首尾空格的正则表达式:(^s*)|(s*$)
匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
匹配网址URL的正则表达式:http://([w-]+.)+[w-]+(/[w- ./ %&=]*) 
(1)应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)
String.prototype.len=function(){return this.replace([^x00-xff]/g,”aa”).length;}
(2)应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现
String.prototype.trim = function()
{
return this.replace(/(^s*)|(s*$)/g, “”);
}
(3)应用:利用正则表达式分解和转换IP地址
function IP2V(ip) //IP地址转换成对应数值
{
re=/(d+).(d+).(d+).(d+)/g //匹配IP地址的正则表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error(“Not a valid IP address!”)
}
}
(4)应用:从URL地址中提取文件名的javascript程序
s=”http://www.9499.net/page1.htm”;
s=s.replace(/(.*/){0,}([^.]+).*/ig,”$2″) ; //Page1.htm
(5)应用:利用正则表达式限制网页表单里的文本框输入内容
用正则表达式限制只能输入中文:onkeyup=”value=value.replace(/[^u4E00-u9FA5]/g,”) ” onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^u4E00-u9FA5]/g,”))”
用正则表达式限制只能输入全角字符: onkeyup=”value=value.replace(/[^uFF00-uFFFF]/g,”) ” onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^uFF00-uFFFF]/g,”))”
用正则表达式限制只能输入数字:onkeyup=”value=value.replace(/[^d]/g,”) “onbeforepaste= “clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^d]/g,”))”
用正则表达式限制只能输入数字和英文:onkeyup=”value=value.replace(/[W]/g,”) “onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^d]/g,”

 

网页浮动qq客服

  1. <SCRIPTlanguage=javascript>
  2. varonline=newArray();
  3. if(!document.layers)
  4. document.write(‘<divid=divStayTopLeftstyle=position:absolute>’);
  5. </SCRIPT>
  6. <scriptsrc=“http://webpresence.qq.com/getonline Type=1&391010087:987528789:359799949:”></script>
  7. <TABLEcellSpacing=0cellPadding=0border=0id=“qqtab”>
  8. <TBODY>
  9. <TR>
  10. <TD><IMG
  11. src=“img/up4.gif”
  12. border=0></TD></TR>
  13. <TR>
  14. <TD>
  15. <TABLEwidth=118bgColor=#ffffff
  16. background=img/mid4.gif
  17. border=0>
  18. <SCRIPT>
  19. if(online[0]==0)
  20. document.write(“<tr><tdalign=left><aclass=’c’target=blankhref=’http://wpa.qq.com/msgrd V=1&Uin=391010087&Site=潍坊二手车&Menu=no’><imgalt=’客服不在线,请留言’src=img/QQoff5.gifborder=0align=middle></a></td><td><aclass=’c’target=blankhref=’http://wpa.qq.com/msgrd V=1&Uin=391010087&Site=潍坊二手车’>391010087</a></td></tr>”);
  21. else
  22. document.write(“<tr><tdalign=left><aclass=’b’target=blankhref=’http://wpa.qq.com/msgrd V=1&Uin=391010087&Site=潍坊二手车&Menu=no’><imgalt=’客服在线,请点击交谈’src=img/QQon5.gifborder=0align=middle></a></td><td><aclass=’b’target=blankhref=’http://wpa.qq.com/msgrd V=1&Uin=391010087&Site=潍坊二手车’>391010087</a></td></tr>”);
  23. </SCRIPT>
  24. <SCRIPT>
  25. if(online[1]==0)
  26. document.write(“<tr><tdalign=left><aclass=’c’target=blankhref=’http://wpa.qq.com/msgrd V=1&Uin=987528789&Site=潍坊二手车&Menu=no’><imgalt=’客服不在线,请留言’src=img/QQoff5.gifborder=0align=middle></a></td><td><aclass=’c’target=blankhref=’http://wpa.qq.com/msgrd V=1&Uin=987528789&Site=潍坊二手车’>987528789</a></td></tr>”);
  27. else
  28. document.write(“<tr><tdalign=left><aclass=’b’target=blankhref=’http://wpa.qq.com/msgrd V=1&Uin=987528789&Site=潍坊二手车&Menu=no’><imgalt=’客服在线,请点击交谈’src=img/QQon5.gifborder=0align=middle></a></td><td><aclass=’b’target=blankhref=’http://wpa.qq.com/msgrd V=1&Uin=987528789&Site=潍坊二手车’>987528789</a></td></tr>”);
  29. </SCRIPT>
  30. <SCRIPT>
  31. if(online[2]==0)
  32. document.write(“<tr><tdalign=left><aclass=’c’target=blankhref=’http://wpa.qq.com/msgrd V=1&Uin=359799949&Site=潍坊二手车&Menu=no’><imgalt=’客服不在线,请留言’src=img/QQoff5.gifborder=0align=middle></a></td><td><aclass=’c’target=blankhref=’http://wpa.qq.com/msgrd V=1&Uin=359799949&Site=潍坊二手车’>359799949</a></td></tr>”);
  33. else
  34. document.write(“<tr><tdalign=left><aclass=’b’target=blankhref=’http://wpa.qq.com/msgrd V=1&Uin=359799949&Site=潍坊二手车&Menu=no’><imgalt=’客服在线,请点击交谈’src=img/QQon5.gifborder=0align=middle></a></td><td><aclass=’b’target=blankhref=’http://wpa.qq.com/msgrd V=1&Uin=359799949&Site=潍坊二手车’>359799949</a></td></tr>”);
  35. </SCRIPT>
  36. <TBODY></TBODY></TABLE></TD></TR>
  37. <TR>
  38. <TD><IMG
  39. src=“img/down4.gif”
  40. border=0></TD></TR></TBODY></TABLE>
  41. <SCRIPTtype=text/javascript>
  42. varverticalpos=“frombottom”
  43. if(!document.layers)
  44. document.write(‘</div>’)
  45. functionJSFX_FloatTopDiv()
  46. {
  47. varstartX=2;
  48. startY=500;
  49. varns=(navigator.appName.indexOf(“Netscape”)!=-1);
  50. vard=document;
  51. functionml(id)
  52. {
  53. varel=d.getElementById d.getElementById(id):d.all d.all[id]:d.layers[id];
  54. if(d.layers)el.style=el;
  55. el.sP=function(x,y){this.style.left=x;this.style.top=y;};
  56. el.x=startX;
  57. if(verticalpos==“fromtop”)
  58. el.y=startY;
  59. else{
  60. el.y=ns pageYOffset+innerHeight:document.body.scrollTop+document.body.clientHeight;
  61. el.y-=startY;
  62. }
  63. returnel;
  64. }
  65. window.stayTopLeft=function()
  66. {
  67. if(verticalpos==“fromtop”){
  68. varpY=ns pageYOffset:document.body.scrollTop;
  69. ftlObj.y+=(pY+startY-ftlObj.y)/8;
  70. }
  71. else{
  72. varpY=ns pageYOffset+innerHeight:document.body.scrollTop+document.body.clientHeight;
  73. ftlObj.y+=(pY-startY-ftlObj.y)/8;
  74. }
  75. ftlObj.sP(ftlObj.x,ftlObj.y);
  76. setTimeout(“stayTopLeft()”,10);
  77. }
  78. ftlObj=ml(“divStayTopLeft”);
  79. stayTopLeft();
  80. }
  81. JSFX_FloatTopDiv();
  82. </SCRIPT>

正则表达式

正则表达式用于字符串处理、表单验证等场合,实用高效。现将一些常用的表达式收集于此,以备不时之需。

匹配中文字符的正则表达式: [\u4e00-\u9fa5]
评注:匹配中文还真是个头疼的事,有了这个表达式就好办了

匹配双字节字符(包括汉字在内):[^\x00-\xff]
评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

匹配空白行的正则表达式:\n\s*\r
评注:可以用来删除空白行

匹配HTML标记的正则表达式:<(\S* )[^>]*>.* </\1>|<.*  />
评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力

匹配首尾空白字符的正则表达式:^\s*|\s*$
评注:可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式

匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
评注:表单验证时很实用

匹配网址URL的正则表达式:[a-zA-z]+://[^\s]*
评注:网上流传的版本功能很有限,上面这个基本可以满足需求

匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$
评注:表单验证时很实用

匹配国内电话号码:\d{3}-\d{8}|\d{4}-\d{7}
评注:匹配形式如 0511-4405222 或 021-87888822

匹配腾讯QQ号:[1-9][0-9]{4,}
评注:腾讯QQ号从10000开始

匹配中国邮政编码:[1-9]\d{5}( !\d)
评注:中国邮政编码为6位数字

匹配身份证:\d{15}|\d{18}
评注:中国的身份证为15位或18位

匹配ip地址:\d+\.\d+\.\d+\.\d+
评注:提取ip地址时有用

匹配特定数字:
^[1-9]\d*$    //匹配正整数
^-[1-9]\d*$   //匹配负整数
^- [1-9]\d*$   //匹配整数
^[1-9]\d*|0$  //匹配非负整数(正整数 + 0)
^-[1-9]\d*|0$   //匹配非正整数(负整数 + 0)
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$   //匹配正浮点数
^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$  //匹配负浮点数
^- ([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0 \.0+|0)$  //匹配浮点数
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0 \.0+|0$   //匹配非负浮点数(正浮点数 + 0)
^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0 \.0+|0$  //匹配非正浮点数(负浮点数 + 0)
评注:处理大量数据时有用,具体应用时注意修正

匹配特定字符串:
^[A-Za-z]+$  //匹配由26个英文字母组成的字符串
^[A-Z]+$  //匹配由26个英文字母的大写组成的字符串
^[a-z]+$  //匹配由26个英文字母的小写组成的字符串
^[A-Za-z0-9]+$  //匹配由数字和26个英文字母组成的字符串
^\w+$  //匹配由数字、26个英文字母或者下划线组成的字符串
评注:最基本也是最常用的一些表达式

 

 

JS的正则表达式

//校验是否全由数字组成

function isDigit(s)
{
var patrn=/^[0-9]{1,20}$/;
if (!patrn.exec(s)) return false
return true
}

//校验登录名:只能输入5-20个以字母开头、可带数字、“_”“.”的字串

Java代码

  1. function isRegisterUserName(s)   
  2. {   
  3. var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;   
  4. if (!patrn.exec(s)) return false  
  5. return true  
  6. }  

function isRegisterUserName(s)

{

var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;

if (!patrn.exec(s)) return false

return true

}

//校验用户姓名:只能输入1-30个以字母开头的字串

Java代码

  1. function isTrueName(s)   
  2. {   
  3. var patrn=/^[a-zA-Z]{1,30}$/;   
  4. if (!patrn.exec(s)) return false  
  5. return true  
  6. }   
  7. }}   
  8.   
  9. //校验密码:只能输入6-20个字母、数字、下划线   
  10. <PRE class=java name=”code”>function isPasswd(s)   
  11. {   
  12. var patrn=/^(\w){6,20}$/;   
  13. if (!patrn.exec(s)) return false  
  14. return true  
  15. }   
  16. </PRE>   
  17. <BR>   
  18. <BR>//校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-”   
  19. <BR><PRE class=java name=”code”>function isTel(s)   
  20. {   
  21. //var patrn=/^[+]{0,1}(\d){1,3}[ ] ([-] (\d){1,12})+$/;   
  22. var patrn=/^[+]{0,1}(\d){1,3}[ ] ([-] ((\d)|[ ]){1,12})+$/;   
  23. if (!patrn.exec(s)) return false  
  24. return true  
  25. }   
  26. </PRE>   
  27. <BR>   
  28. <BR>//校验手机号码:必须以数字开头,除数字外,可含有“-”   
  29. <BR><PRE class=java name=”code”>function isMobil(s)   
  30. {   
  31. var patrn=/^[+]{0,1}(\d){1,3}[ ] ([-] ((\d)|[ ]){1,12})+$/;   
  32. if (!patrn.exec(s)) return false  
  33. return true  
  34. }   
  35. </PRE>   
  36. <BR>   
  37. <BR>//校验邮政编码   
  38. <BR><PRE class=java name=”code”>function isPostalCode(s)   
  39. {   
  40. //var patrn=/^[a-zA-Z0-9]{3,12}$/;   
  41. var patrn=/^[a-zA-Z0-9 ]{3,12}$/;   
  42. if (!patrn.exec(s)) return false  
  43. return true  
  44. }   
  45. </PRE>   
  46. <BR>   
  47. <BR>//校验搜索关键字   
  48. <BR><PRE class=java name=”code”>function isSearch(s)   
  49. {   
  50. var patrn=/^[^`~!@#$%^&*()+=|\\\][\]\{\}:;’\,.<>/ ]{1}[^`~!@$%^&()+=|\\\]   
  51.         [\]\{\}:;’\,.<> ]{0,19}$/;   
  52. if (!patrn.exec(s)) return false  
  53. return true  
  54. }   
  55.   
  56. function isIP(s) //by zergling   
  57. {   
  58. var patrn=/^[09.]{1,20}$/;   
  59. if (!patrn.exec(s)) return false  
  60. return true  
  61. }   
  62. </PRE>   
  63. <BR>   
  64. <BR><SPAN style=”FONT-SIZE: 18pt”>正则表达式</SPAN>   
  65. <BR><PRE class=java name=”code”>”^\\d+$”  //非负整数(正整数 + 0   
  66. “^[0-9]*[1-9][0-9]*$”  //正整数    
  67. “^((-\\d+)|(0+))$”  //非正整数(负整数 + 0    
  68. “^-[0-9]*[1-9][0-9]*$”  //负整数    
  69. “^- \\d+$”    //整数    
  70. “^\\d+(\\.\\d+) $”  //非负浮点数(正浮点数 + 0    
  71. “^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$”    
  72. //正浮点数    
  73. “^((-\\d+(\\.\\d+) )|(0+(\\.0+) ))$”  //非正浮点数(负浮点数 + 0    
  74. “^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$”    
  75. //负浮点数    
  76. “^(- \\d+)(\\.\\d+) $”  //浮点数    
  77. “^[A-Za-z]+$”  //26个英文字母组成的字符串    
  78. “^[A-Z]+$”  //26个英文字母的大写组成的字符串    
  79. “^[a-z]+$”  //26个英文字母的小写组成的字符串    
  80. “^[A-Za-z0-9]+$”  //由数字和26个英文字母组成的字符串    
  81. “^\\w+$”  //由数字、26个英文字母或者下划线组成的字符串    
  82. “^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$”    //email地址    
  83. “^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\ \\S*) $”  //url   
  84. “^[A-Za-z0-9_]*$”  
  85. </PRE>   
  86. <BR>   
  87. <BR><SPAN style=”FONT-SIZE: 18pt”>正则表达式使用详解</SPAN>   
  88. <BR>   
  89. <BR>简介    
  90. <BR>   
  91. <BR>简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具。其作用如下:   
  92. <BR>测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证。    
  93. <BR>替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字。    
  94. <BR>根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字。    
  95. <BR>   
  96. <BR>基本语法    
  97. <BR>   
  98. <BR>在对正则表达式的功能和作用有了初步的了解之后,我们就来具体看一下正则表达式的语法格式。   
  99. <BR>    
  100. <BR>正则表达式的形式一般如下:     
  101. <BR>   
  102. <BR>/love/  其中位于“/”定界符之间的部分就是将要在目标对象中进行匹配的模式。用户只要把希望查找匹配对象的模式内容放入“/”定界符之间即可。为了能够使用户更加灵活的定制模式内容,正则表达式提供了专门的元字符。所谓元字符就是指那些在正则表达式中具有特殊意义的专用字符,可以用来规定其前导字符(即位于元字符前面的字符)在目标对象中的出现模式。    
  103. <BR>较为常用的元字符包括: “+” “*”,以及 “ ”   
  104. <BR>   
  105. <BR>“+”元字符规定其前导字符必须在目标对象中连续出现一次或多次。   
  106. <BR>   
  107. <BR>“*”元字符规定其前导字符必须在目标对象中出现零次或连续多次。   
  108. <BR>   
  109. <BR>“ ”元字符规定其前导对象必须在目标对象中连续出现零次或一次。   
  110. <BR>   
  111. <BR>下面,就让我们来看一下正则表达式元字符的具体应用。    
  112. <BR>   
  113. <BR>/fo+/  因为上述正则表达式中包含“+”元字符,表示可以与目标对象中的 “fool”, “fo”, 或者 “football”等在字母f后面连续出现一个或多个字母o的字符串相匹配。    
  114. <BR>   
  115. <BR>/eg*/  因为上述正则表达式中包含“*”元字符,表示可以与目标对象中的 “easy”, “ego”, 或者 “egg”等在字母e后面连续出现零个或多个字母g的字符串相匹配。    
  116. <BR>   
  117. <BR>/Wil /  因为上述正则表达式中包含元字符,表示可以与目标对象中的 “Win”, 或者“Wilson”,等在字母i后面连续出现零个或一个字母l的字符串相匹配。    
  118. <BR>   
  119. <BR>有时候不知道要匹配多少字符。为了能适应这种不确定性,正则表达式支持限定符的概念。这些限定符可以指定正则表达式的一个给定组件必须要出现多少次才能满足匹配。   
  120. <BR>   
  121. <BR>{n} n 是一个非负整数。匹配确定的 n 次。例如,‘o{2}’ 不能匹配 “Bob” 中的 ‘o’,但是能匹配 “food” 中的两个 o   
  122. <BR>   
  123. <BR>{n,} n 是一个非负整数。至少匹配 n 次。例如,‘o{2,}’ 不能匹配 “Bob” 中的 ‘o’,但能匹配 “foooood” 中的所有 o‘o{1,}’ 等价于 ‘o+’‘o{0,}’ 则等价于 ‘o*’   
  124. <BR>   
  125. <BR>{n,m} m  n 均为非负整数,其中n <= m。最少匹配 n 次且最多匹配 m 次。例如,“o{1,3}” 将匹配 “fooooood” 中的前三个 o‘o{0,1}’ 等价于 ‘o ‘。请注意在逗号和两个数之间不能有空格。   
  126. <BR>   
  127. <BR>除了元字符之外,用户还可以精确指定模式在匹配对象中出现的频率。例如,/jim {2,6}/ 上述正则表达式规定字符m可以在匹配对象中连续出现26次,因此,上述正则表达式可以同jimmyjimmmmmy等字符串相匹配。    
  128. <BR>在对如何使用正则表达式有了初步了解之后,我们来看一下其它几个重要的元字符的使用方式。    
  129. <BR><PRE class=java name=”code”>\s:用于匹配单个空格符,包括tab键和换行符;    
  130. \S:用于匹配除单个空格符之外的所有字符;    
  131. \d:用于匹配从09的数字;    
  132. \w:用于匹配字母,数字或下划线字符;    
  133. \W:用于匹配所有与\w不匹配的字符;    
  134. :用于匹配除换行符之外的所有字符。    
  135. </PRE>   
  136. <BR>(说明:我们可以把\s\S以及\w\W看作互为逆运算)    
  137. <BR>下面,我们就通过实例看一下如何在正则表达式中使用上述元字符。    
  138. <BR>/\s+/ 上述正则表达式可以用于匹配目标对象中的一个或多个空格字符。    
  139. <BR>/\d000/ 如果我们手中有一份复杂的财务报表,那么我们可以通过上述正则表达式轻而易举的查找到所有总额达千元的款项。    
  140. <BR>除了我们以上所介绍的元字符之外,正则表达式中还具有另外一种较为独特的专用字符,即定位符。定位符用于规定匹配模式在目标对象中的出现位置。 较为常用的定位符包括: “^”, “$”, “\b” 以及 “\B”   
  141. <BR><PRE class=java name=”code”>“^”定位符规定匹配模式必须出现在目标字符串的开头   
  142. “$”定位符规定匹配模式必须出现在目标对象的结尾   
  143. “\b”定位符规定匹配模式必须出现在目标字符串的开头或结尾的两个边界之一   
  144. “\B”定位符则规定匹配对象必须位于目标字符串的开头和结尾两个边界之内,   
  145.       即匹配对象既不能作为目标字符串的开头,也不能作为目标字符串的结尾。   
  146. </PRE>   
  147. <BR>同样,我们也可以把“^”“$”以及“\b”“\B”看作是互为逆运算的两组定位符。举例来说: /^hell/ 因为上述正则表达式中包含“^”定位符,所以可以与目标对象中以 “hell”, “hello”“hellhound”开头的字符串相匹配。 /ar$/ 因为上述正则表达式中包含“$”定位符,所以可以与目标对象中以 “car”, “bar” “ar” 结尾的字符串相匹配。 /\bbom/ 因为上述正则表达式模式以“\b”定位符开头,所以可以与目标对象中以 “bomb”,  “bom”开头的字符串相匹配。/man\b/ 因为上述正则表达式模式以“\b”定位符结尾,所以可以与目标对象中以 “human”, “woman” “man”结尾的字符串相匹配。    
  148. <BR>为了能够方便用户更加灵活的设定匹配模式,正则表达式允许使用者在匹配模式中指定某一个范围而不局限于具体的字符。例如:    
  149. <BR><PRE class=java name=”code”>/[A-Z]/  上述正则表达式将会与从AZ范围内任何一个大写字母相匹配。   
  150. /[a-z]/  上述正则表达式将会与从az范围内任何一个小写字母相匹配。    
  151. /[09]/  上述正则表达式将会与从09范围内任何一个数字相匹配。    
  152. /([a-z][A-Z][09])+/ 上述正则表达式将会与任何由字母和数字组成的字符串,如 “aB0” 等相匹配。   
  153. </PRE>   
  154. <BR>这里需要提醒用户注意的一点就是可以在正则表达式中使用 “()” 把字符串组合在一起。“()”符号包含的内容必须同时出现在目标对象中。因此,上述正则表达式将无法与诸如 “abc”等的字符串匹配,因为“abc”中的最后一个字符为字母而非数字。    
  155. <BR>如果我们希望在正则表达式中实现类似编程逻辑中的运算,在多个不同的模式中任选一个进行匹配的话,可以使用管道符 “|”。例如:/to|too|2/ 上述正则表达式将会与目标对象中的 “to”, “too”,  “2” 相匹配。   
  156. <BR>正则表达式中还有一个较为常用的运算符,即否定符 “[^]”。与我们前文所介绍的定位符 “^” 不同,否定符 “[^]”规定目标对象中不能存在模式中所规定的字符串。例如:/[^A-C]/ 上述字符串将会与目标对象中除AB,和C之外的任何字符相匹配。一般来说,当“^”出现在 “[]”内时就被视做否定运算符;而当“^”位于“[]”之外,或没有“[]”时,则应当被视做定位符。   
  157. <BR>最后,当用户需要在正则表达式的模式中加入元字符,并查找其匹配对象时,可以使用转义符“\”。例如:/Th\*/  上述正则表达式将会与目标对象中的“Th*”而非“The”等相匹配。   
  158. <BR>在构造正则表达式之后,就可以象数学表达式一样来求值,也就是说,可以从左至右并按照一个优先级顺序来求值。优先级如下:   
  159. <BR><PRE class=java name=”code”>1转义符   
  160. 2(), ( :), ( =), [] 圆括号和方括号   
  161. 3*, +,  , {n}, {n,}, {n,m} 限定符   
  162. 4^, $, \anymetacharacter 位置和顺序   
  163. 5|“操作   
  164. </PRE>   
  165. <BR>   
  166. <BR><SPAN style=”FONT-SIZE: 18pt”>使用实例</SPAN>    
  167. <BR>JavaScript 1.2中带有一个功能强大的RegExp()对象,可以用来进行正则表达式的匹配操作。其中的test()方法可以检验目标对象中是否包含匹配模式,并相应的返回truefalse   
  168. <BR>我们可以使用JavaScript编写以下脚本,验证用户输入的邮件地址的有效性。   
  169. <BR><PRE class=java name=”code”><html>    
  170. <head>    
  171.   <script language=”Javascript1.2″>    
  172.      <!– start hiding    
  173.      function verifyAddress(obj)    
  174.      {    
  175.       var email = obj.email.value;    
  176.       var pattern =    
  177. /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;    
  178.       flag = pattern.test(email);    
  179.       if(flag)    
  180.       {    
  181.        alert(“Your email address is correct!”);    
  182.        return true;    
  183.       }    
  184.       else    
  185.        {    
  186.         alert(“Please try again!”);    
  187.         return false;    
  188.         }    
  189.       }    
  190.      // stop hiding –>    
  191.     </script>    
  192.   </head>    
  193.   <body>    
  194.    <form onSubmit=”return verifyAddress(this);”>    
  195.     <input name=”email” type=”text”>    
  196.     <input type=”submit”>    
  197.     </form>    
  198.   </body>    
  199. </html>    
  200. </PRE>   
  201. <BR>   
  202. <BR><SPAN style=”FONT-SIZE: 18pt”>正则表达式对象</SPAN>   
  203. <BR>本对象包含正则表达式模式以及表明如何应用模式的标志。   
  204. <BR><PRE class=java name=”code”>语法 1 re = /pattern/[flags]   
  205. 语法 2 re = new RegExp(“pattern”,[“flags”])    
  206. </PRE>   
  207. <BR>参数   
  208. <BR>re   
  209. <BR>必选项。将要赋值为正则表达式模式的变量名。    
  210. <BR>   
  211. <BR>Pattern   
  212. <BR>必选项。要使用的正则表达式模式。如果使用语法 1,用 “/” 字符分隔模式。如果用语法 2,用引号将模式引起来。    
  213. <BR>   
  214. <BR>Flags    
  215. <BR>可选项。如果使用语法 2 要用引号将 flag 引起来。标志可以组合使用,可用的有:    
  216. <BR><PRE class=java name=”code”>g (全文查找出现的所有 pattern    
  217. (忽略大小写)    
  218. (多行查找)    
  219. </PRE>   
  220. <BR>   
  221. <BR><SPAN style=”FONT-SIZE: 18pt”>示例</SPAN>   
  222. <BR>下面的示例创建一个包含正则表达式模式及相关标志的对象(re),向您演示正则表达式对象的用法。在本例中,作为结果的正则表达式对象又用于 match 方法中:   
  223. <BR><PRE class=java name=”code”>function MatchDemo()   
  224. {   
  225. var r, re; // 声明变量。   
  226. var s = “The rain in Spain falls mainly in the plain”;   
  227. re = new RegExp(“ain”,”g”); // 创建正则表达式对象。   
  228. r = s.match(re); // 在字符串 s 中查找匹配。   
  229. return(r);    
  230. }   
  231. </PRE>   
  232. <BR>   
  233. <BR>返回值: ain,ain,ain,ain\\   
  234. <BR>属性 lastIndex 属性 | source 属性\\   
  235. <BR>方法 compile 方法 | exec 方法 | test 方法\\   
  236. <BR>要求 版本 3\\   
  237. <BR>请参阅 RegExp 对象 | 正则表达式语法 | String 对象\\   
  238. <BR>   
  239. <BR><SPAN style=”FONT-SIZE: 18pt”>exec 方法</SPAN>   
  240. <BR>用正则表达式模式在字符串中运行查找,并返回包含该查找结果的一个数组。   
  241. <BR>rgExp.exec(str)   
  242. <BR>   
  243. <BR>参数   
  244. <BR>   
  245. <BR>rgExp    
  246. <BR>必选项。包含正则表达式模式和可用标志的正则表达式对象。    
  247. <BR>   
  248. <BR>str    
  249. <BR>必选项。要在其中执行查找的 String 对象或字符串文字。    
  250. <BR>   
  251. <BR>说明\\   
  252. <BR>如果 exec 方法没有找到匹配,则它返回 null。如果它找到匹配,则 exec 方法返回一个数组,并且更新全局 RegExp 对象的属性,以反映匹配结果。数组的0元素包含了完整的匹配,而第1n元素中包含的是匹配中出现的任意一个子匹配。这相当于没有设置全局标志 (g)  match 方法。   
  253. <BR>如果为正则表达式设置了全局标志,exec 从以 lastIndex 的值指示的位置开始查找。如果没有设置全局标志,exec 忽略 lastIndex 的值,从字符串的起始位置开始搜索。   
  254. <BR>   
  255. <BR>exec 方法返回的数组有三个属性,分别是 inputindex  lastIndexInput 属性包含了整个被查找的字符串。Index 属性

http://www.blogjava.net/supercrsky/articles/216978

Prototype1.6 实战05 (Element)


<
HTML
>


 

<
HEAD
>


  

<
TITLE
>
 Element 
</
TITLE
>



<
script 
src
=”prototype.js”
 type
=”text/javascript”
 
/></
script
>




<
style
>




    .luck


    

{
}

{


        color 

:
  red
;


    

}





</
style
>



  

<
script
>




        

function
 _insert()


        



{    

            

//
检查d1元素内是否有值



            
if
(
!
$(‘d1’).empty())


            



{

                alert($(‘d1’).outerText);

            }




            

//
第一人参数<position,即要在哪添加>,第二个参数即要添加的内容



            Element.insert(

d1

,

<input type=’text’ />

);

            

//
直接指定元素的insert也可以,直接在参数里传内容



            $(‘d1’).insert(

<img src=” />

);

        }






        

function
 _remove()


        



{

            $(‘d1’).remove();

            

//
或用Element.remove(‘d1’);



        }





        

function
 _replace()


        



{

            $(‘d1’).replace(


<div id=’d1′>QQ</div>

);

        }






        

function
 _addClass()


        



{

            $(‘t1’).addClassName(‘luck’);

        }






        

function
 _removeClass()


        



{

            $(‘t1’).removeClassName(‘luck’);

        }






        

function
 _hide()


        



{

            $(‘t1’).hide();

        }






        

function
 _show()


        



{

            $(‘t1’).show();

        }






  


</
script
>


 

</
HEAD
>




 

<
BODY
>


    

<
div 
id
=”d1″
>


            dtest

    

</
div
>


    

<
input 
type
=”button”
 value
=”添加”
 onclick
=”_insert();”
/>


    

<
input 
type
=”button”
 value
=”替换”
 onclick
=”_replace();”
/>


    

<
input 
type
=”button”
 value
=”删除”
 onclick
=”_remove();”
/>


    

<
input 
type
=”text”
 value
=”请注意查看文字颜色”
 id
=”t1″
/>


    

<
input 
type
=”button”
 value
=”添加class”
 onclick
=”_addClass()”
 
/>


    

<
input 
type
=”button”
 value
=”移除class”
 onclick
=”_removeClass()”
 
/>


    

<
input 
type
=”button”
 value
=”隐藏”
 onclick
=”_hide()”
 
/>


    

<
input 
type
=”button”
 value
=”显示”
 onclick
=”_show()”
 
/>


    

<
div 
id
=”framer”
>
   
<
img 
src
=”http://www.baidu.com/img/baidu.gif”
 alt
=”点此还原为原来大小”
 onclick
=”$(‘framer’).undoClipping();”
/>
 
</
div
>
 

 

</
BODY
>



 

<
script
>




    (

function
()


        



{

            

//
剪切层的大小 




            $(‘framer’).makeClipping().setStyle(


{width: ‘100px’ ,height: ‘100px’}

);

        }


)();



    

 


</
script
>



</
HTML
>


Validator.js很好用的客户端表单验证

/*************************************************
Validator v1.01
wfsr@cunite.com
http://www.cunite.com
*************************************************/
Validator = {
Require : /.+/,
Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
Phone : /^((\(\d{3}\))|(\d{3}\-)) (\(0\d{2,3}\)|0\d{2,3}-) [1-9]\d{6,7}$/,
//Mobile : /^((\(\d{3}\))|(\d{3}\-)) (\(0\d{2,3}\)|0\d{2,3}-) [1-9]\d{6,7}$/,
//Mobile : /^((\(\d{3}\))|(\d{3}\-)) 13|((\(\d{3}\))|(\d{3}\-)) 15\d{9}$/,
Mobile : /^\d{8,12}$/,
Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\ %\-&_~`@[\]\’:+!]*([^<>\”\”])*$/,
IdCard : /^\d{15}(\d{2}[A-Za-z0-9]) $/,
Currency : /^\d+(\.\d+) $/,
Number : /^\d+$/,
Zip : /^[1-9]\d{5}$/,
QQ : /^[1-9]\d{4,10}$/,
Integer : /^[-\+] \d+$/,
Double : /^[-\+] \d+(\.\d+) $/,
English : /^[A-Za-z]+$/,
Chinese : /^[\u0391-\uFFE5]+$/,
UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\ \\\/\’\”]*)|.{0,5})$|\s/,
IsSafe : function(str){return !this.UnSafe.test(str);},
SafeString : “this.IsSafe(value)”,
Limit : “this.limit(value.length,getAttribute(‘min’), getAttribute(‘max’))”,
LimitB : “this.limit(this.LenB(value), getAttribute(‘min’), getAttribute(‘max’))”,
Date : “this.IsDate(value, getAttribute(‘min’), getAttribute(‘format’))”,
Repeat : “value == document.getElementsByName(getAttribute(‘to’))[0].value”,
Range : “getAttribute(‘min’) < value && value < getAttribute(‘max’)”,
Compare : “this.compare(value,getAttribute(‘operator’),getAttribute(‘to’))”,
Custom : “this.Exec(value, getAttribute(‘regexp’))”,
Group : “this.MustChecked(getAttribute(‘name’), getAttribute(‘min’), getAttribute(‘max’))”,
ErrorItem : [document.forms[0]],
ErrorMessage : [“以下原因导致提交失败:\t\t\t\t”],
Validate : function(theForm, mode){
var obj = theForm || event.srcElement;
var count = obj.elements.length;
this.ErrorMessage.length = 1;
this.ErrorItem.length = 1;
this.ErrorItem[0] = obj;
for(var i=0;i<count;i++){
with(obj.elements[i]){
var _dataType = getAttribute(“dataType”);
if(typeof(_dataType) == “object” || typeof(this[_dataType]) == “undefined”) continue;
this.ClearState(obj.elements[i]);
if(getAttribute(“require”) == “false” && value == “”) continue;
switch(_dataType){
case “Date” :
case “Repeat” :
case “Range” :
case “Compare” :
case “Custom” :
case “Group” :
case “Limit” :
case “LimitB” :
case “SafeString” :
if(!eval(this[_dataType])) {
this.AddError(i, getAttribute(“msg”));
}
break;
default :
if(!this[_dataType].test(value)){
this.AddError(i, getAttribute(“msg”));
}
break;
}
}
}
if(this.ErrorMessage.length > 1){
mode = mode || 1;
var errCount = this.ErrorItem.length;
switch(mode){
case 2 :
for(var i=1;i<errCount;i++)
this.ErrorItem[i].style.color = “red”;
case 1 :
alert(this.ErrorMessage.join(“\n”));
this.ErrorItem[1].focus();
break;
case 3 :
for(var i=1;i<errCount;i++){
try{
var span = document.createElement(“SPAN”);
span.id = “__ErrorMessagePanel”;
span.style.color = “red”;
this.ErrorItem[i].parentNode.appendChild(span);
span.innerHTML = this.ErrorMessage[i].replace(/\d+:/,”*”);
}
catch(e){alert(e.description);}
}
this.ErrorItem[1].focus();
break;
default :
alert(this.ErrorMessage.join(“\n”));
break;
}
return false;
}
return true;
},
limit : function(len,min, max){
min = min || 0;
max = max || Number.MAX_VALUE;
return min <= len && len <= max;
},
LenB : function(str){
return str.replace(/[^\x00-\xff]/g,”**”).length;
},
ClearState : function(elem){
with(elem){
if(style.color == “red”)
style.color = “”;
var lastNode = parentNode.childNodes[parentNode.childNodes.length-1];
if(lastNode.id == “__ErrorMessagePanel”)
parentNode.removeChild(lastNode);
}
},
AddError : function(index, str){
this.ErrorItem[this.ErrorItem.length] = this.ErrorItem[0].elements[index];
this.ErrorMessage[this.ErrorMessage.length] = this.ErrorMessage.length + “:” + str;
},
Exec : function(op, reg){
return new RegExp(reg,”g”).test(op);
},
compare : function(op1,operator,op2){
switch (operator) {
case “NotEqual”:
return (op1 != op2);
case “GreaterThan”:
return (op1 > op2);
case “GreaterThanEqual”:
return (op1 >= op2);
case “LessThan”:
return (op1 < op2);
case “LessThanEqual”:
return (op1 <= op2);
default:
return (op1 == op2);
}
},
MustChecked : function(name, min, max){
var groups = document.getElementsByName(name);
var hasChecked = 0;
min = min || 1;
max = max || groups.length;
for(var i=groups.length-1;i>=0;i–)
if(groups[i].checked) hasChecked++;
return min <= hasChecked && hasChecked <= max;
},
IsDate : function(op, formatString){
formatString = formatString || “ymd”;
var m, year, month, day;
switch(formatString){
case “ymd” :
m = op.match(new RegExp(“^((\\d{4})|(\\d{2}))([-./])(\\d{1,2})\\4(\\d{1,2})$“));
if(m == null ) return false;
day = m[6];
month = m[5]–;
year = (m[2].length == 4)   m[2] : GetFullYear(parseInt(m[3], 10));
break;
case “dmy” :
m = op.match(new RegExp(“^(\\d{1,2})([-./])(\\d{1,2})\\2((\\d{4})|(\\d{2}))$“));
if(m == null ) return false;
day = m[1];
month = m[3]–;
year = (m[5].length == 4)   m[5] : GetFullYear(parseInt(m[6], 10));
break;
default :
break;
}
if(!parseInt(month)) return false;
month = month==12  0:month;
var date = new Date(year, month, day);
return (typeof(date) == “object” && year == date.getFullYear() && month == date.getMonth() && day == date.getDate());
function GetFullYear(y){return ((y<30   “20” : “19”) + y)|0;}
}
}

 

使用:

 

语法dataType=”Require | Chinese | English | Number | Integer | Double | Email | Url | Phone | Mobile | Currency | Zip | IdCard | QQ | Date | SafeString | Repeat | Compare | Range | Limit | LimitB | Group | Custom
类型字符串。必选。
说明:用于设定表单项的输入数据验证类型。
选值说明
可选值 验证功能
Require 必填项
Chinese 中文
English 英文
Number 数字
Integer
整数
Double
实数
Email
Email地址格式
Url
基于HTTP协议的网址格式
Phone
电话号码格式
Mobile
手机号码格式
Currency 货币格式
Zip
邮政编码
IdCard
身份证号码
QQ
QQ号码
Date 日期
SafeString 安全密码
Repeat
重复输入
Compare
关系比较
Range
输入范围
Limit
限制输入长度
LimitB
限制输入的字节长度
Group 验证单/多选按钮组
Custom 自定义正则表达式验证

 

 

语法max=”int
类型:字符串。在dataType属性值为Range时必选,为Group且待验证项是多选按钮组时可选(此时默认值为1),为为Limit/LimitB时可选(此时默认值为1.7976931348623157e+308,即Number.MAX_VALUE的值)。
说明:当daType属性值为Range时,用于判断输入是否在minmax的属性值间;当dataType属性值为Group,且待验证项是多选按钮组时,用于设定多选按钮组的选中个数,判断选中个数是否在[min, max]区间;当daType属性值为Limit时,用于验证输入的字符数是否在[min, max]区间;当daType属性值为LimitB时,用于验证输入字符的字节数是否在[min, max]区间。

 

 

语法min=”int
类型:字符串。在dataType属性值为Range时必选,为Group且待验证项是多选按钮组时可选(此时默认值为1),为为Limit/LimitB时可选(此时默认值为0)。
说明:当daType属性值为Range时,用于判断输入是否在minmax的属性值间;当dataType属性值为Group,且待验证项是多选按钮组时,用于设定多选按钮组的选中个数,判断选中个数是否在[min, max]区间;当daType属性值为Limit时,用于验证输入的字符数是否在[min, max]区间;当daType属性值为LimitB时,用于验证输入字符的字节数是否在[min, max]区间。

 

语法 msg=”string
类型:字符串。必选。
说明:在验证失败时要提示的出错信息。

 

语法operator=”NotEqual | GreaterThan | GreaterThanEqual | LessThan | LessThanEqual | Equal
类型:字符串。在dataType属性值为Compare时可选(默认值为Equal)。
说明:参考to属性。
各选值所对应的关系操作符

可选值 意义说明
NotEqual
不等于 !=
GreaterThan 大于 >
GreaterThanEqual
大于等于 >=
LessThan 小于 <
LessThanEqual 小于等于 <=
Equal 等于 =

 

语法require=”true | false
类型:字符串。可选。
说明:用于设定表单项的验证方式。当值为false时表单项不是必填项,但当有填写时,仍然要执行dataType属性所设定的验证方法,值为true或任何非false字符时可省略此属性。

 

语法to=”sting | int
类型:字符串。当dataType值为RepeatCompare时必选。
说明:当dataType值为Repeat时,to的值为某表单项的name属性值,用于设定当前表单项的值是否与目标表单项的值一致;当dataType的值为Compare时,to的选值类型为实数,用于判断当前表单项的输入与to的值是否符合operator属性值所指定的关系。

 

语法format=”ymd | dmy
类型:字符串。在dataType属性值为Date时可选(默认值为ymd)。
说明:用于验证输入是否为符合format属性值所指定格式的日期。
符合规则的输入示例 : 2004-11-232004/11/2304.11.2323-11-2004
注意:当输入的年份为2位时,如果数值小于30,将使年份看作处于21世纪,否则为20世纪。

 

语法regexp=”object
类型:字符串。在dataType属性值为Custom时必选。
说明:用于验证输入是否符合regexp属性所指定的正则表达式。

示例:

 

 

引用:http://www.phpchina.com/ 1133/action_viewspace_itemid_3631.html

http://www.phpchina.com/ 8133/action_viewspace_itemid_3214.html

 

示例是html代码,不会上传,copy过来变成页面了,用帖子回复又可以了。

 

元字符:

/b 代表着单词的开头或结尾,也就是单词的分界处.如果要精确地查找hi这个单词的话,我们应该使用/bhi/b.

.是另一个元字符,匹配除了换行符以外的任意字符,*同样是元字符,它指定*前边的内容可以重复任意次以使整个表达式得到匹配。

.*连在一起就意味着任意数量的不包含换行的字符。

/d是一个新的元字符,匹配任意的数字,0/d/d-/d/d/d/d/d/d/d/d也就是中国的电话号码.为了避免那么多烦人的重复,我们也可以这样写这个表达式:0/d{2}-/d{8}。

/s匹配任意的空白符,包括空格,制表符(Tab),换行符,中文全角空格等。/w匹配字母或数字或下划线或汉字。

/b/w{6}/b 匹配刚好6个字母/数字的单词。

字符转义:使用/来取消这些字符的特殊意义。因此,你应该使用/.和/*。当然,要查找/本身,你也得用//。

  代码     说明
   .  匹配除换行符以外的任意字符
  /w  匹配字母或数字或下划线或汉字
  /s  匹配任意的空白符
  /d  匹配数字
  /b  匹配单词的开始或结束
  ^   匹配字符串的开始
  $   匹配字符串的结束

重复:
常用的限定符
代码/语法  说明
   *  重复零次或更多次
   +  重复一次或更多次
      重复零次或一次
  {n} 重复n次
{n,} 重复n次或更多次
{n,m} 重复n到m次

要想查找数字,字母或数字,你只需要在中括号里列出它们就行了,像[aeiou]就匹配任何一个元音字母,[. !]匹配标点符号(.或 或!)

反义:
常用的反义代码
代码/语法   说明
   /W   匹配任意不是字母,数字,下划线,汉字的字符
   /S   匹配任意不是空白符的字符
   /D   匹配任意非数字的字符
   /B   匹配不是单词开头或结束的位置
[^x]   匹配除了x以外的任意字符
      [^aeiou]   匹配除了aeiou这几个字母以外的任意字符

替换:
   正则表达式里的替换指的是有几种规则,如果满足其中任意一种规则都应该当成匹配,具体方法是用|把不同的规则分隔开。
   0/d{2}-/d{8}|0/d{3}-/d{7}这个表达式能匹配两种以连字号分隔的电话号码:一种是三位区号,8位本地号(如010-12345678),一种是4位区号,7位本地号(0376-2233445)。
   /(0/d{2}/)[- ] /d{8}|0/d{2}[- ] /d{8}这个表达式匹配3位区号的电话号码,其中区号可以用小括号括起来,也可以不用,区号与本地号间可以用连字号或空格间隔,也可以没有间隔。你可以试试用替换|把这个表达式扩展成也支持4位区号的。
   /d{5}-/d{4}|/d{5}这个表达式用于匹配美国的邮政编码。美国邮编的规则是5位数字,或者用连字号间隔的9位数字。之所以要给出这个例子是因为它能说明一个问题:使用替换时,顺序是很重要的。如果你把它改成/d{5}|/d{5}-/d{4}的话,那么就只会匹配5位的邮编(以及9位邮编的前5位)。原因是匹配替换时,将会从左到右地测试每个分枝条件,如果满足了某个分枝的话,就不会去管其它的替换条件了。

分组:

如果想要重复一个字符串又该怎么办?你可以用小括号来指定子表达式(也叫做分组),然后你就可以指定这个子表达式的重复次数了。
     (/d{1,3}/.){3}/d{1,3}是一个简单的IP地址匹配表达式。要理解这个表达式,请按下列顺序分析它:/d{1,3}匹配1到3位的数字,(/d{1,3}/.}{3}匹配三位数字加上一个英文句号(这个整体也就是这个分组)重复3次,最后再加上一个一到三位的数字(/d{1,3})。不幸的是,它也将匹配256.300.888.999这种不可能存在的IP地址(IP地址中每个数字都不能大于255)。如果能使用算术比较的话,或许能简单地解决这个问题,但是正则表达式中并不提供关于数学的任何功能,所以只能使用冗长的分组,选择,字符类来描述一个正确的IP地址:((2[0-4] /d|25[0-5]|[01] /d/d )/.){3}(2[0-4]/d|25[0-5]|[01] /d/d )。

后向引用:

后向引用用于重复搜索前面某个分组匹配的文本。例如,/1代表分组1匹配的文本。难以理解?请看示例:
/b(/w+)/b/s+/1/b可以用来匹配重复的单词,像go go, kitty kitty。首先是一个单词,也就是单词开始处和结束处之间的多于一个的字母或数字(/b(/w+)/b),然后是1个或几个空白符(/s+,最后是前面匹配的那个单词(/1)。

懒惰限定符
*  重复任意次,但尽可能少重复
+  重复1次或更多次,但尽可能少重复
   重复0次或1次,但尽可能少重复
{n,m}  重复n到m次,但尽可能少重复
{n,}  重复n次以上,但尽可能少重复

位置指定:

接下来的四个用于查找在某些内容(但并不包括这些内容)之前或之后的东西,也就是说它们用于指定一个位置,就像/b,^,$那样,因此它们也被称为零宽断言。最好还是拿例子来说明吧:

( =exp)也叫零宽先行断言,它匹配文本中的某些位置,这些位置的后面能匹配给定的后缀exp。比如/b/w+( =ing/b),匹配以 ing结尾的单词的前面部分(除了ing以外的部分),如果在查找I’m singing while you’re dancing.时,它会匹配sing和danc。

( <=exp)也叫零宽后行断言,它匹配文本中的某些位置,这些位置的前面能给定的前缀匹配exp。比如( <=/bre)/w+/b会匹配以re开头的单词的后半部分(除了re以外的部分),例如在查找reading a book时,它匹配ading。

假如你想要给一个很长的数字中每三位间加一个逗号(当然是从右边加起了),你可以这样查找需要在前面和里面添加逗号的部分:(( <=/d)/d{3})*/b。请仔细分析这个表达式,它可能不像你第一眼看出来的那么简单。

下面这个例子同时使用了前缀和后缀:( <=/s)/d+( =/s)匹配以空白符间隔的数字(再次强调,不包括这些空白符)。

负向位置指定:

前面我们提到过怎么查找不是某个字符或不在某个字符类里的字符的方法(反义)。但是如果我们只是想要确保某个字符没有出现,但并不想去匹配它时怎么办?例如,如果我们想查找这样的单词–它里面出现了字母q,但是q后面跟的不是字母u,我们可以尝试这样:

/b/w*q[^u]/w*/b匹配包含后面不是字母u的字母q的单词。但是如果多做测试(或者你思维足够敏锐,直接就观察出来了),你会发现,如果q出现在单词的结尾的话,像Iraq,Benq,这个表达式就会出错。这是因为[^u]总是匹配一个字符,所以如果q是单词的最后一个字符的话,后面的 [^u]将会匹配q后面的单词分隔符(可能是空格,或者是句号或其它的什么),后面的/w+/b将会匹配下一个单词,于是/b/w*q[^u]/w*/b 就能匹配整个Iraq fighting。负向位置指定能解决这样的问题,因为它只匹配一个位置,并不消费任何字符。现在,我们可以这样来解决这个问题:/b/w*q( !u) /w*/b。

零宽负向先行断言( !exp),只会匹配后缀exp不存在的位置。/d{3}( !/d)匹配三位数字,而且这三位数字的后面不能是数字。

同理,我们可以用( <!exp),零宽负向后行断言来查找前缀exp不存在的位置:( <![a-z])/d{7}匹配前面不是小写字母的七位数字(实验时发现错误?注意你的“区分大小写”先项是否选中)。

一个更复杂的例子:( <=<(/w+)>).*( =<///1>)匹配不包含属性的简单HTML标签内里的内容。(< (/w+)>)指定了这样的前缀:被尖括号括起来的单词(比如可能是<b>),然后是.*(任意的字符串),最后是一个后缀( =<///1>)。注意后缀里的//,它用到了前面提过的字符转义;/1则是一个反向引用,引用的正是捕获的第一组,前面的(/w +)匹配的内容,这样如果前缀实际上是<b>的话,后缀就是</b>了。整个表达式匹配的是<b>和< /b>之间的内容(再次提醒,不包括前缀和后缀本身)。

注释:
小括号的另一种用途是能过语法( #comment)来包含注释。例如:2[0-4]/d( #200-249)|25[0-5]( #250-255)|[01] /d/d ( #0-199)。

要包含注释的话,最好是启用“忽略模式里的空白符”选项,这样在编写表达式时能任意的添加空格,Tab,换行,而实际使用时这些都将被忽略。启用这个选项后,在#后面到这一行结束的所有文本都将被当成注释忽略掉。

例如,我们可以前面的一个表达式写成这样:

      ( <=    # 查找前缀,但不包含它
      <(/w+)> # 查找尖括号括起来的字母或数字(标签)
      )       # 前缀结束
      .*      # 匹配任意文本
      ( =     # 查找后缀,但不包含它
      <///1>  # 查找尖括号括起来的内容:前面是一个”/”,后面是先前捕获的标签
      )       # 后缀结束

贪婪与懒惰:
当正则表达式中包含能接受重复的限定符(指定数量的代码,例如*, {5,12}等)时,通常的行为是(在使整个表达式能得到匹配的前提下)匹配尽可能多的字符。考虑这个表达式:a.*b,它将会匹配最长的以a开始,以b 结束的字符串。如果用它来搜索aabab的话,它会匹配整个字符串aabab。这被称为贪婪匹配。

有时,我们更需要懒惰匹配,也就是匹配尽可能少的字符。前面给出的限定符都可以被转化为懒惰匹配模式,只要在它后面加上一个问号 。这样.* 就意味着匹配任意数量的重复,但是在能使整个匹配成功的前提下使用最少的重复。现在看看懒惰版的例子吧:

a.* b匹配最短的,以a开始,以b结束的字符串。如果把它应用于aabab的话,它会匹配aab和ab(为什么第一个匹配是aab而不是ab?简单地说,最先开始的区配最有最大的优先权  The Match That Begins Earliest Wins)。

表5.懒惰限定符 *  重复任意次,但尽可能少重复
+  重复1次或更多次,但尽可能少重复
   重复0次或1次,但尽可能少重复
{n,m}  重复n到m次,但尽可能少重复
{n,}  重复n次以上,但尽可能少重复

——————————————————-

下面是一些常用的正则表达式:

匹配中文字符的正则表达式: [/u4e00-/u9fa5]
评注:匹配中文还真是个头疼的事,有了这个表达式就好办了

匹配双字节字符(包括汉字在内):[^/x00-/xff]
评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

匹配空白行的正则表达式:/n/s*/r
评注:可以用来删除空白行

匹配HTML标记的正则表达式:<(/S* )[^>]*>.* <//1>|<.*  />
评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力

匹配首尾空白字符的正则表达式:^/s*|/s*$
评注:可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式

匹配Email地址的正则表达式:/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*
评注:表单验证时很实用

匹配网址URL的正则表达式:[a-zA-z]+://[^/s]*
评注:网上流传的版本功能很有限,上面这个基本可以满足需求

匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$
评注:表单验证时很实用

匹配国内电话号码:/d{3}-/d{8}|/d{4}-/d{7}
评注:匹配形式如 0511-4405222 或 021-87888822

匹配腾讯QQ号:[1-9][0-9]{4,}
评注:腾讯QQ号从10000开始

匹配中国邮政编码:[1-9]/d{5}( !/d)
评注:中国邮政编码为6位数字

匹配身份证:/d{15}|/d{18}
评注:中国的身份证为15位或18位

匹配ip地址:/d+/./d+/./d+/./d+
评注:提取ip地址时有用

匹配特定数字:
^[1-9]/d*$    //匹配正整数

 

 

例子:

<!DOCTYPE html PUBLIC “-//w3c//dtd xhtml 1.0 transitional//en” “http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd“>
<html>
<head><title></title>
  
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<meta http-equiv=”Content-Language” content=”gb2312″>  
<script language=”javascript” type=”text/javascript” src=”Validator.js”></script>
</head>
<body>
<title>表单验证类 Validator v1.05</title>
 <style>
 body,td{font:normal 12px Verdana;color:#333333}
 input,textarea,select,td{font:normal 12px Verdana;color:#333333;border:1px solid # 9;background:#ffffff}
 table{border-collapse:collapse;}
 td{padding:3px}
 input{height:20;}
 textarea{width:80%;height:50px;overflow:auto;}
 form{display:inline}
 </style>
 <table align=”center”>
  <form name=”theform” id=”demo” method=”get” onSubmit=”return Validator.Validate(this,2)”>
  <tr>
   <td>身份证号:</td><td><input name=”Card” dataType=”IdCard” msg=”身份证号错误”></td>
  </tr>
    <tr>
   <td>真实姓名:</td><td><input name=”Name” dataType=”Chinese” msg=”真实姓名只允许中文”></td>
  </tr>
  <tr>
   <td>ID:</td><td><input name=”username” dataType=”Username” msg=”ID名不符合规定”></td>
  </tr>
  <tr>
   <td>英文名:</td><td><input name=”Nick” dataType=”English” require=”false” msg=”英文名只允许英文字母”></td>
  </tr>
    <tr>
   <td>主页:</td><td><input name=”Homepage” require=”false” dataType=”Url”   msg=”非法的Url”></td>
  </tr>
  <tr>
   <td>密码:</td><td><input name=”Password” dataType=”SafeString”   msg=”密码不符合安全规则” type=”password”></td>
  </tr>
  <tr>
   <td>重复:</td><td><input name=”Repeat” dataType=”Repeat” to=”Password” msg=”两次输入的密码不一致” type=”password”></td>
  </tr>
  <tr>
   <td>信箱:</td><td><input name=”Email” dataType=”Email” msg=”信箱格式不正确”></td>
  </tr>
    <tr>
   <td>信箱:</td><td><input name=”Email” dataType=”Repeat” to=”Email” msg=”两次输入的信箱不一致”></td>
  </tr>
  <tr>
   <td>QQ:</td><td><input name=”QQ” require=”false” dataType=”QQ” msg=”QQ号码不存在”></td>
  </tr>
    <tr>
   <td>身份证:</td><td><input name=”Card” dataType=”IdCard” msg=”身份证号码不正确”></td>
  </tr>
  <tr>
   <td>年龄:</td><td><input name=”Year” dataType=”Range” msg=”年龄必须在18~28之间” min=”18″ max=”28″></td>
  </tr>
   <tr>
   <td>年龄1:</td><td><input name=”Year1″ require=”false” dataType=”Compare” msg=”年龄必须在18以上” to=”18″ operator=”GreaterThanEqual”></td>
  </tr>
   <tr>
   <td>电话:</td><td><input name=”Phone” require=”false” dataType=”Phone” msg=”电话号码不正确”></td>
  </tr>
   <tr>
   <td>手机:</td><td><input name=”Mobile” require=”false” dataType=”Mobile” msg=”手机号码不正确”></td>
  </tr>
     <tr>
   <td>生日:</td><td><input name=”Birthday” dataType=”Date” format=”ymd” msg=”生日日期不存在”></td>
  </tr>
   <tr>
   <td>邮政编码:</td><td><input name=”Zip” dataType=”Custom” regexp=”^[1-9]\d{5}$” msg=”邮政编码不存在”></td>
  </tr>
  <tr>
   <td>邮政编码:</td><td><input name=”Zip1″ dataType=”Zip” msg=”邮政编码不存在”></td>
  </tr>
  <tr>
   <td>操作系统:</td><td><select name=”Operation” dataType=”Require”  msg=”未选择所用操作系统” ><option value=””>选择您所用的操作系统</option><option value=”Win98″>Win98</option><option value=”Win2k”>Win2k</option><option value=”WinXP”>WinXP</option></select></td>
  </tr>
  <tr>
   <td>所在省份:</td><td>广东<input name=”Province” value=”1″ type=”radio”>陕西<input name=”Province” value=”2″ type=”radio”>浙江<input name=”Province” value=”3″ type=”radio”>江西<input name=”Province” value=”4″ type=”radio” dataType=”Group”  msg=”必须选定一个省份” ></td>
  </tr>
  <tr>
   <td>爱好:</td><td>运动<input name=”Favorite” value=”1″ type=”checkbox”>上网<input name=”Favorite” value=”2″ type=”checkbox”>听音乐<input name=”Favorite” value=”3″ type=”checkbox”>看书<input name=”Favorite” value=”4″ type=”checkbox”” dataType=”Group” min=”2″ max=”3″  msg=”必须选择2~3种爱好”></td>
  </tr>
   <td>自我介绍:</td><td><textarea name=”Description” dataType=”Limit” max=”10″  msg=”自我介绍内容必须在10个字之内”>中文是一个字</textarea></td>
  </tr>
     <td>自传:</td><td><textarea name=”History” dataType=”LimitB” min=”3″ max=”10″  msg=”自传内容必须在[3,10]个字节之内”>中文是两个字节t</textarea></td>
  </tr>
    <tr>
   <td>相片上传:</td><td><input name=”up” dataType=”Filter” msg=”非法的文件格式” type=”file” accept=”jpg, gif, png”></td>
  </tr>
  <tr>
   <td colspan=”2″><input name=”Submit” type=”submit” value=”确定提交”><input onClick=”Validator.Validate(document.getElementById(‘demo’))” value=”检验模式1″ type=”button”><input onClick=”Validator.Validate(document.getElementById(‘demo’),2)” value=”检验模式2″ type=”button”><input onClick=”Validator.Validate(document.getElementById(‘demo’),3)” value=”检验模式3″ type=”button”></td>
  </tr>
  </form>
 </table>
</body>

</html>