JS常用的表单验证（数字、长度,汉字，邮箱，手机号，身份证等）

我会带着你远行 2023-10-04 17:32 10阅读 0赞

## 1.英文字母 ##

**》》jsp,html语句**  
<input type="text" οnblur="checkChart(this.value)" placeholder="请输入英文字母！" />

》》js语句

<script type="text/javascript">
    //验证只能是字母
    function checkChart(zm){
        var zmReg=/^[a-zA-Z]*$/;
        if(zm!=""&&!zmReg.test(zm)){
        alert("只能是英文字母！");
        return false;
    }
    }
    </script>

## 2.**长度限制** ##

**>>html或者jsp语句同上，只是改变引用的函数（注意onblur,onkeyup,onkeypress,onkeydown的区别）**

**》》js函数语句**

<script language="javascript">
    function test(obj)
    {
        if(obj.length>50)
        {
            alert("不能超过50个字符！");
            return false;
        }
    }
    </script>

## 3.汉字 ##

<input type="text" onkeyup="isChinese(this.value)" placeholder="请输入中文！" />
    <script language="javascript">
    function isChinese(obj){
        var reg=/^[\u0391-\uFFE5]+$/;
        if(obj!=""&&!reg.test(obj)){
        alert('必须输入中文！');
        return false;
        }
    }
    </script>

## 4.数字 ##

<script language=javascript>
    //验证只能为数字
    function checkNumber(obj){
        var reg = /^[0-9]+$/;
        if(obj!=""&&!reg.test(obj)){
            alert('只能输入数字！');
            return false;
        }
    }
    </script>

## 5.时间(限制不能大于当前时间) ##

<script type="text/javascript">
    //检验时间大小(与当前时间比较)
    function checkDate(obj){
    var obj_value=obj.replace(/-/g,"/");//替换字符，变成标准格式(检验格式为：'2009-12-10')
    // var obj_value=obj.replace("-","/");//替换字符，变成标准格式(检验格式为：'2010-12-10 11:12')
    var date1=new Date(Date.parse(obj_value));
    var date2=new Date();//取今天的日期
    if(date1>date2){
        alert("不能大于当前时间！");
        return false;
        }
    }
    </script>

## 6.**屏蔽关键字(这里屏蔽\*\*\*和\*\*\*\*)** ##

<script type="text/javascript">
        function test(obj) {
          if((obj.indexOf ("***") == 0)||(obj.indexOf ("****") == 0)){
             alert("屏蔽关键字(这里屏蔽***和****)！");
              return false;
          }
        }
    </script>

## 6.**两次输入密码是否相同**  ##

<script type="text/javascript">
    function check(){
       with(document.all){
        if(input1.value!=input2.value)
         {
             alert("密码不一致")
             input1.value = "";
             input2.value = "";
         }
        else {
             alert("密码一致");
             document.forms[0].submit();
        }
      }
    }
    </script>

## 7.**表单项不能为空**  ##

<script language="javascript">
    function CheckForm(obj)
    {
        if (obj.length == 0) {
          alert("姓名不能为空!");
          return false;
        }
       return true;
       alert("姓名不能为空!");
    }
    </script>

## 8.邮箱 ##

<input type="text" class="form-control" name="email"  id="email" onblur="checkEmail(this.value)" placeholder="请输入邮箱地址"/>
    
    <script language="javascript">
    function test(obj){
    //对电子邮件的验证
    var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
    if(!myreg.test(obj))
    {
        alert('请输入有效的邮箱！');
        return false;
    }
    }
    </script>

## 9.手机号 ##

<script type="text/javascript">
    function validatemobile(mobile) {
        if(mobile.length==0) {
        alert('手机号码不能为空！');
        return false;
        }
    if(mobile.length!=11) {
        alert('请输入有效的手机号码，需是11位！');
        return false;
        }
    
    var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
    if(!myreg.test(mobile)) {
        alert('请输入有效的手机号码！');
        return false;
        }
    }
    </script>

## 10.身份证号 ##

<script type="text/javascript">
    // 构造函数，变量为15位或者18位的身份证号码
    function clsIDCard(CardNo) {
    this.Valid=false;
    this.ID15='';
    this.ID18='';
    this.Local='';
    if(CardNo!=null)this.SetCardNo(CardNo);
    }
    
    // 设置身份证号码，15位或者18位
    clsIDCard.prototype.SetCardNo = function(CardNo) {
    this.ID15='';
    this.ID18='';
    this.Local='';
    CardNo=CardNo.replace(" ","");
    var strCardNo;
    if(CardNo.length==18) {
    pattern= /^\d{17}(\d|x|X)$/;
    if (pattern.exec(CardNo)==null)return;
    strCardNo=CardNo.toUpperCase();
    } else {
    pattern= /^\d{15}$/;
    if (pattern.exec(CardNo)==null)return;
    strCardNo=CardNo.substr(0,6)+'19'+CardNo.substr(6,9)
    strCardNo+=this.GetVCode(strCardNo);
    }
    this.Valid=this.CheckValid(strCardNo);
    }
    
    // 校验身份证有效性
    clsIDCard.prototype.IsValid = function() {
    return this.Valid;
    }
    
    // 返回生日字符串，格式如下，1981-10-10
    clsIDCard.prototype.GetBirthDate = function() {
    var BirthDate='';
    if(this.Valid)BirthDate=this.GetBirthYear()+'-'+this.GetBirthMonth()+'-'+this.GetBirthDay();
    return BirthDate;
    }
    
    // 返回生日中的年，格式如下，1981
    clsIDCard.prototype.GetBirthYear = function() {
    var BirthYear='';
    if(this.Valid)BirthYear=this.ID18.substr(6,4);
    return BirthYear;
    }
    
    // 返回生日中的月，格式如下，10
    clsIDCard.prototype.GetBirthMonth = function() {
    var BirthMonth='';
    if(this.Valid)BirthMonth=this.ID18.substr(10,2);
    if(BirthMonth.charAt(0)=='0')BirthMonth=BirthMonth.charAt(1);
    return BirthMonth;
    }
    
    // 返回生日中的日，格式如下，10
    clsIDCard.prototype.GetBirthDay = function() {
    var BirthDay='';
    if(this.Valid)BirthDay=this.ID18.substr(12,2);
    return BirthDay;
    }
    
    // 返回性别，1：男，0：女
    clsIDCard.prototype.GetSex = function() {
    var Sex='';
    if(this.Valid)Sex=this.ID18.charAt(16)%2;
    return Sex;
    }
    
    // 返回15位身份证号码
    clsIDCard.prototype.Get15 = function() {
    var ID15='';
    if(this.Valid)ID15=this.ID15;
    return ID15;
    }
    
    // 返回18位身份证号码
    clsIDCard.prototype.Get18 = function() {
    var ID18='';
    if(this.Valid)ID18=this.ID18;
    return ID18;
    }
    
    // 返回所在省，例如：上海市、浙江省
    clsIDCard.prototype.GetLocal = function() {
    var Local='';
    if(this.Valid)Local=this.Local;
    return Local;
    }
    
    clsIDCard.prototype.GetVCode = function(CardNo17) {
    var Wi = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1);
    var Ai = new Array('1','0','X','9','8','7','6','5','4','3','2');
    var cardNoSum = 0;
    for (var i=0; i<CardNo17.length; i++)cardNoSum+=CardNo17.charAt(i)*Wi[i];
    var seq = cardNoSum%11;
    return Ai[seq];
    }
    
    clsIDCard.prototype.CheckValid = function(CardNo18) {
    if(this.GetVCode(CardNo18.substr(0,17))!=CardNo18.charAt(17))return false;
    if(!this.IsDate(CardNo18.substr(6,8)))return false;
    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:"国外"};
    if(aCity[parseInt(CardNo18.substr(0,2))]==null)return false;
    this.ID18=CardNo18;
    this.ID15=CardNo18.substr(0,6)+CardNo18.substr(8,9);
    this.Local=aCity[parseInt(CardNo18.substr(0,2))];
    return true;
    }
    
    clsIDCard.prototype.IsDate = function(strDate) {
    var r = strDate.match(/^(\d{1,4})(\d{1,2})(\d{1,2})$/);
    if(r==null)return false;
    var d= new Date(r[1], r[2]-1, r[3]);
    return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[2]&&d.getDate()==r[3]);
    }
    
    
    function valiIdCard(idCard){
    var checkFlag = new clsIDCard(idCard);
    if (!checkFlag.IsValid()) {
    alert("输入的身份证号无效,请输入真实的身份证号！");
    document.getElementByIdx("idCard").focus();
    return false;
    }else{
    alert("是有效身份证！");
    }
    }
    </script>

参考博客：[JS表单验证(长度/数字/汉字/邮箱/手机号等限制) - 不是植物 - 博客园][JS_ - _ -]

[JS_ - _ -]: https://www.cnblogs.com/zhuziyu/p/8921172.html

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS常用的表单验证（数字、长度,汉字，邮箱，手机号，身份证等）

1.英文字母》》jsp,html语句 <input type="text" οnblur="checkChart(this.value)" placeholder=

我会带着你远行/ 2023年10月04日 17:32/ 0 赞/ 11 阅读

相关常用的数据脱敏（手机、邮箱、身份证号）

一、什么是数据脱敏先来看看什么是数据脱敏？数据脱敏也叫数据的去隐私化，在我们给定脱敏规则和策略的情况下，对敏感数据比如手机号、银行卡号等信息，进行转换或者修改的一种

谁借莪１个温暖的怀抱￠/ 2023年09月27日 15:08/ 0 赞/ 91 阅读

相关 js正则验证手机号，身份证号，邮箱。

//校验手机号码 function phoneRuler(phone){ let reg = /^1[3|4|5|6|7|8|9][0-9]{9

朱雀/ 2022年12月19日 01:22/ 0 赞/ 237 阅读

相关 js 开发中常用的身份证验证，手机号验证，邮箱验证

身份证号验证 var testcardNo=function (str) { var reg = /(^\d{15}$)|(^\d{18}$)|(^

深碍√TFBOYSˉ_/ 2022年12月03日 12:55/ 0 赞/ 166 阅读

相关常用的验证工具类，如手机、密码、邮箱、身份证等

import java.util.regex.Pattern; import org.apache.commons.lang3.StringUtils

柔光的暖阳◎/ 2022年12月02日 10:58/ 0 赞/ 77 阅读

相关 js验证身份证号，手机号

// 身份证基本验证 function isCardNo(card) \{ // 身份证号码为15位或者18位，15位时全为数字，18位前17位

待我称王封你为后i/ 2022年09月29日 04:17/ 0 赞/ 220 阅读

相关手机号，邮箱身份证号验证

在日常开发中，对于用户注册那块，我都要进行一些邮箱手机号的验证，还有些要对身份证进行认真的。一、认证手机号分析：手机一般都是11位（这里不考虑 0 +86）且都是

阳光穿透心脏的1/2处/ 2022年07月10日 10:57/ 0 赞/ 279 阅读

相关 easyui 自定义表单内容验证(汉字、字母、数字、邮箱、电话、邮编、身份证号等)

easyui 自定义表单内容验证(汉字、字母、数字、邮箱、电话、邮编、身份证号等) 做项目的时候自己简单总结了一下关于easyui 校验表单内容格式的方式，用于验证邮箱、

左手的ㄟ右手/ 2022年06月15日 10:27/ 0 赞/ 581 阅读

相关 js 验证手机号、邮箱、数字、文件后缀

// js 验证文件 / 验证手机号码格式 @param {Object} id / function checkMobile(id) {

忘是亡心i/ 2022年06月13日 06:28/ 0 赞/ 171 阅读

相关 JS 验证手机号，验证身份证

//验证手机号 function checkMobile(phone) { var rgx = new RegExp("^(13[0-9]|1

朱雀/ 2022年02月14日 02:47/ 0 赞/ 317 阅读