手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript通过RegExp实现客户端验证处理程序
JavaScript通过RegExp实现客户端验证处理程序
摘要:1.让文本框只允许输入数字,运用asp.netmvc3.0的文本框控件复制代码代码如下:@Html.TextBox("txt",null,n...

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

复制代码 代码如下:

@Html.TextBox("txt",null, new {@style="width:300;",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通过RegExp实现客户端验证处理程序】相关文章:

JavaScript实现鼠标滑过处生成气泡的方法

详解JavaScript中的表单验证

用JavaScript实现对话框的教程

JavaScript实现列表分页功能特效

JavaScript实现仿网易通行证表单验证

javascript使用Promise对象实现异步编程

Javascript客户端脚本的设计和应用

基于JavaScript实现智能右键菜单

JavaScript实现自动变换表格边框颜色

用JavaScript实现页面重定向功能的教程

精品推荐
分类导航