JavaScript通過RegExp實現(xiàn)客戶端驗證處理程序

更新時間：2013年05月07日 17:47:22 作者：

通過RegExp實現(xiàn)客戶端驗：讓文本框只允許輸入數(shù)字、文本框只允許輸入中文、郵箱輸入格式的判斷等等，具體實現(xiàn)如下，感興趣的朋友可以參考下哈

1.讓文本框只允許輸入數(shù)字，運用asp.net mvc3.0的文本框控件

 
@Html.TextBox("txt",null, new {@style="width:300;",onkeypress="return RegValidateIsDigit(event)" }) 

可以看到在文本框中注冊了onkeypress事件，當在文本框中輸入一個字符按下鍵盤的時候就會觸發(fā)該JavaScript的函數(shù)

復(fù)制代碼代碼如下:

 
<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編碼來來查找相應(yīng)的字符 
return regIsDigit(str); 
} 
function regIsDigit(fData) { 
///定義正則進行匹配 
var reg = new RegExp("^[0-9]$"); 
return (reg.test(fData)); 
} 
</script> 

首先判斷一下瀏覽器，進行處理兼容性。然后通過String.formCharCode(KeyChar)來查找相應(yīng)的字符
最后在函數(shù)regIsDigit函數(shù)中
定義正則進行匹配

復(fù)制代碼代碼如下:

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

因為是數(shù)值0-9所以也等同于\d即

復(fù)制代碼代碼如下:

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

正則表達式直接量也被定義為包含在一對斜杠(/)之間的字符.所以,JavaScript可能會包含如下的代碼:

復(fù)制代碼代碼如下:

var reg=/\d$/;

這里還用到了test函數(shù)：檢查指定的字符串是否存在。常用的還有exec match search replace split等函數(shù)。
如果搞懂了第一個那么只需要套用正則就可以使用了哦。
2.文本框只允許輸入中文

復(fù)制代碼代碼如下:

 
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.郵箱輸入格式的判斷

復(fù)制代碼代碼如下:

 
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("格式不對"); 
} 
} 

兩個定義初步測試都可以。

您可能感興趣的文章: