JavaScript實現系列常用表單驗證

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

οnfοcusοut="onKeyHandle(this,2)"，

οnfοcusοut="onKeyHandle(this,3)"，

οnfοcusοut="onKeyHandle(this,4)"，

οnfοcusοut="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基礎的一定一看就懂，拿來就用吧！