常见的文本框验证

最新推荐文章于 2024-06-19 11:48:18 发布

WinterCat～

最新推荐文章于 2024-06-19 11:48:18 发布

阅读量4.4k

点赞数

分类专栏：【Java】 Java 文章标签： UI校验

本文链接：https://blog.csdn.net/u013036274/article/details/51915913

版权

【Java】同时被 2 个专栏收录

32 篇文章 0 订阅

订阅专栏

Java

23 篇文章 5 订阅

订阅专栏

【前言】

最近修改前台UI的各种验证问题，真是大有收获，这里小编就做一下总结吧。项目的前台引用的是easy-ui。

【具体验证实现】

1、只输入数字

<span style="font-size:18px;"><input οnkeyup="this.value=this.value.replace(/\D/g,'')"
					onafterpaste="this.value=this.value.replace(/\D/g,'')"></span>

2、只输入汉字

<span style="font-size:18px;"><input οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"></span>

3、只输入中文、英文、数字、@符号和.符号

<span style="font-size:18px;"><input type="text" οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')"></span>

4、邮箱验证

<span style="font-size:18px;"><label>电子邮箱 :</label> <input id="email" name="email"
								class="easyui-validatebox" validType="email"></span>

5、手机号验证

<span style="font-size:18px;"><label>手 机 : </label> <input id="telNum"

name="telNum" class="easyui-validatebox" validType="mobile"></span>

6、url验证

<span style="font-size:18px;"><input class="easyui-validatebox" required="true" validType="url"></span>

7、IP地址验证

		<label>机房 IP:</label> <input id="roomIP" name="roomIP"
					class="easyui-validatebox" type="text" required="true"
					validType="ip">

8、身份证号验证

<span style="font-size:18px;"><label>身份证号 :</label> <input
								id="identityCardID" name="identityCardID"
								class="easyui-validatebox" validType="idcared">
</span>

<span style="font-size:18px;">//身份证号验证的JS方法
      
    function isCardID(sId){   

    var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"}   

        var iSum=0 ;  
        var info="" ;  
        if(!/^\d{17}(\d|x)$/i.test(sId)) return "你输入的身份证长度或格式错误";   
        sId=sId.replace(/x$/i,"a");   
        if(aCity[parseInt(sId.substr(0,2))]==null) return "你的身份证地区非法";   
        sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2));   
        var d=new Date(sBirthday.replace(/-/g,"/")) ;  
        if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))return "身份证上的出生日期非法";   
        for(var i = 17;i>=0;i --) iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11) ;  
        if(iSum%11!=1) return "你输入的身份证号非法";   
        return true;//aCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"男":"女")   
    }   
      
      
    $.extend($.fn.validatebox.defaults.rules, {     
        idcared: {     
            validator: function(value,param){    
                var flag= isCardID(value);  
                return flag==true?true:false;    
            },     
            message: '不是有效的身份证号码'    
        }     
    });  
</span>