常用的页面校验方法

最新推荐文章于 2023-05-29 14:27:16 发布

dangyafeng369

最新推荐文章于 2023-05-29 14:27:16 发布

阅读量202

点赞数

分类专栏： web技术文档文章标签： Firefox 浏览器 HTML

web技术文档专栏收录该内容

3 篇文章 0 订阅

订阅专栏

电话号码校验

function isTelNum(number){
     var isTelNumber=false;
     var patrn=/^((((0[1-9]\d{1,2}\s)|(\(0[1-9]\d{1,2}\))|(0[1-9]\d{1,2}-?))?[1-9]\d{6,7})|(0?1(3|5|8)\d{9}))$/;
     if(patrn.test(number)){
       isTelNumber=true;
     }
     return isTelNumber;
}

邮箱校验

function isEmail(emailAddress){
     var isEmailPar=false;
     var patrn=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
     if(patrn.test(emailAddress)){
       isEmailPar=emailAddress;
     }
     return isEmailPar;
}

字符长度计算

function getLengthOfChar(char)
	{
        var len = 0;  
        for (var i = 0; i < char.length; i++) 
        {  
            if (char.charCodeAt(i)>127 || char.charCodeAt(i)==94) 
            {  
                len += 2;  
            }
            else 
            {  
                len ++;  
            }  
        }  
        return len;
	}

字符串为空的校验

function isNullOrSpace(fieldValue){
    return fieldValue==null||/^\s*$/.test(fieldValue);
    }

在输入框控制只能输入数字

HTML代码

<tr>
     <th width="120">手机号：</th>
     <td><input type="text" name="contactPhone" id="contactPhone" maxlength="11"
			class="inputText" οnkeydοwn="keyDown();" /><span style="color: red">*</span></td>
</tr>

JS代码

function keyDown(){
	 if((((event.keyCode<48||event.keyCode>57)&&(event.keyCode<96||event.keyCode>105))&&event.keyCode!=8)){
   	 	event.returnValue=false;
   	 }
}

此校验在firefox中会有问题，因为fierfox中没有event对象，为了使效果兼容浏览器，必须做如下改动

HTML代码

<tr>
     <th width="120">手机号：</th>
     <td><input type="text" name="contactPhone" id="contactPhone"
			maxlength="11" class="inputText" οnkeypress="keyPress(event);" /><span
			style="color: red">*</span></td>
</tr>

JS代码

function keyPress(evt){
   
    var evt = (evt) ? evt : ((window.event) ? window.event : ""); 
    var keyCode=evt.keyCode ? evt.keyCode : evt.which;
    if((((keyCode<48||keyCode>57)&&(keyCode<96||keyCode>105))&&keyCode!=8)){
   	 	if(window.event){
   	 	   alert(keyCode);
   	 	   evt.returnValue=false;
   	 	}else {
   	       evt.preventDefault();
		}
   }
}