JavaScript通过RegExp实现客户端验证处理程序_Javascript教程-查字典教程网
JavaScript通过RegExp实现客户端验证处理程序
JavaScript通过RegExp实现客户端验证处理程序
发布时间:2016-12-30 来源:查字典编辑
摘要:1.让文本框只允许输入数字,运用asp.netmvc3.0的文本框控件复制代码代码如下:@Html.TextBox("txt",null,n...

1.让文本框只允许输入数字,运用asp.net mvc3.0的文本框控件

复制代码 代码如下:

@Html.TextBox("txt",null, new {@,onkeypress="return RegValidateIsDigit(event)" })

可以看到在文本框中注册了onkeypress事件,当在文本框中输入一个字符按下键盘的时候就会触发该JavaScript的函数

复制代码 代码如下:

<script type="text/javascript">

function RegValidateIsDigit(e) {

var KeyChar;

debugger;

////判断浏览器

if (window.event) //IE

{

KeyChar = e.keyCode;

}

else if (e.which)///FireFox等

{

KeyChar = e.which;

}

var str = String.fromCharCode(KeyChar); ///通过UniCode编码来来查找相应的字符

return regIsDigit(str);

}

function regIsDigit(fData) {

///定义正则进行匹配

var reg = new RegExp("^[0-9]$");

return (reg.test(fData));

}

</script>

首先判断一下浏览器,进行处理兼容性。然后通过String.formCharCode(KeyChar)来查找相应的字符

最后在函数regIsDigit函数中

定义正则进行匹配

复制代码 代码如下:

var reg = new RegExp("^[0-9]$");

因为是数值0-9所以也等同于d即

复制代码 代码如下:

var reg = new RegExp("d$");

正则表达式直接量也被定义为包含在一对斜杠(/)之间的字符.所以,JavaScript可能会包含如下的代码:

复制代码 代码如下:

var reg=/d$/;

这里还用到了test函数: 检查指定的字符串是否存在。常用的还有exec match search replace split等函数。

如果搞懂了第一个那么只需要套用正则就可以使用了哦。

2.文本框只允许输入中文

复制代码 代码如下:

function RegValidateIsChinese(str) {

//var reg = new RegExp("^[u4e00-u9fa5]+$");

var reg = /^[u4E00-u9FA5]+$/;

var str=document.getElementById("text").value;

return (reg.test(str));

}

RegValidateIsChinese("输入的字符串") 是汉字则返回true,不全是汉字则返回false

3.邮箱输入格式的判断

复制代码 代码如下:

function RegValidateIsEmail(str) {

//var reg = /^([a-zA-Z0-9_-])+@@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/;

var reg=/^w+((-w+)|(.w+))*@@{1}w+.{1}w{2,4}(.{0,1}w{2}){0,1}/ig;

if (reg.test(str)) {

alert("是邮箱");

}

else {

alert("格式不对");

}

}

两个定义初步测试都可以。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类