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

@Html.TextBox("txt",null, new {@style="width:300;",οnkeypress="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实现客户端验证的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。