JavaScript實現系列常用表單驗證

1.在你的“用戶登錄名”,“用戶實名”,“郵編”,“電子信箱”,“聯繫電話”,5個文本框中添加失去焦點事件響應方法onfocusout="onKeyHandle(this,1)",

onfocusout="onKeyHandle(this,2)",

onfocusout="onKeyHandle(this,3)",

onfocusout="onKeyHandle(this,4)",

onfocusout="onKeyHandle(this,5)"。

2.在頁面腳本中添加一下js代碼:

/*
* 文本框失去焦點事件
*/
function onKeyHandle(obj,param){
switch(param){
case 1: //僅限字母和數字
onJudge(obj,obj.value.IsAlphaDigit());
break;
case 2: //僅限字母和數字
onJudge(obj,obj.value.IsPersonName());
break;
case 3: //郵編驗證
onJudge(obj,obj.value.IsZIP());
break;
case 4: //郵編驗證
onJudge(obj,obj.value.IsEmail());
break;
case 5: //郵編驗證
onJudge(obj,obj.value.IsTelephone());
break;
default:
break;
}
function onJudge(obj,handle){
if(!handle){
obj.style.color="red";
return false;
}else{
obj.style.color="black";
}
}
}
/*
* 只能是字母和數字
*/
String.prototype.IsAlphaDigit = function() {
var reg = /^[a-zA-Z0-9]+$/g;
return reg.test(this);
}
/*
* 只能是中文,英文或數字
*/
String.prototype.IsPersonName= function() {
var reg = /^(\w|[\u4E00-\u9FA5])*$/;
return reg.test(this);
}
/*
* 郵編驗證
*/
String.prototype.IsZIP= function() {
var reg = /^[1-9][0-9]{5}$/;
return reg.test(this);
}
/*
* Email驗證
*/
String.prototype.IsEmail= function() {
var reg = /\w@\w*\.\w/;
return reg.test(this);
}
/*
* 電話號碼驗證
*/
String.prototype.IsTelephone= function() {
var reg = "(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|" +
"(^0{0,1}13[0-9]{9}$)|(^0{0,1}15[0-9]{9}$)|(^0{0,1}18[0-9]{9}$)";
var regg = eval('(/'+reg+'/)');
return regg.test(this);
}

3.相信有一定js基礎的一定一看就懂,拿來就用吧!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章