通用的表单验证，邮箱身份证号和电话

最新推荐文章于 2023-03-29 16:04:04 发布
最新推荐文章于 2023-03-29 16:04:04 发布
阅读量1.3k 收藏
点赞数
分类专栏： 表单验证 文章标签： 表单验证
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/c782699991/article/details/78717147
版权


<HTML>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <BODY>
        <form action="http://www.baidu.com" οnsubmit="return toVaild()">
            <input type="text" id="ff">

<input type="text" name="docNo" id="docNo"  οnblur="isIdCardNo();" />

<input type="text" name="birthDate" id="birthDate"  readonly="readonly" />

<input type="text" name="phoneNo" id="phoneNo"  οnblur="checkMobile();" />

<input type="text" name="email" id="email"  οnblur="checkEmail()" />

            <input type="submit" id="submit" value ="提交"/>
        </form>
    </BODY>
        <script language="javascript">
           //增加身份证验证
    function isIdCardNo() {
    var num = $("#docNo").val();
        var factorArr = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1);
        var parityBit = new Array("1", "0", "X", "9", "8", "7", "6", "5", "4", "3", "2");
        var varArray = new Array();
        var intValue;
        var lngProduct = 0;
        var intCheckDigit;
        var intStrLen = num.length;
        var idNumber = num;
        // initialize
        if(intStrLen == 0){
        return true;
        }
        if ((intStrLen != 15) && (intStrLen != 18)) {
        $("#docNo").tips({
side:3,
           msg:'请输入正确的身份证号',
           bg:'#AE81FF',
           time:2
       });
$("#docNo").focus();
        return false;
        }
        
        //通过身份证号获得出生年月
        if($.trim($("#docNo").val()) != "") {
            var date = "";
             if($("#docNo").val().length == 15) {
                date =  '19'+$("#docNo").val().substr(6,2)+'-'+$("#docNo").val().substr(8,2)+'-'+$("#docNo").val().substr(10,2);
             } else if ($("#docNo").val().length == 18) {
                 date =  $("#docNo").val().substr(6,4)+'-'+$("#docNo").val().substr(10,2)+'-'+$("#docNo").val().substr(12,2);
            }
            $("#birthDate").val(date);
            
            var now_time = new Date();
    var birthday = new Date(date);
    var newdate = now_time.getTime() - birthday.getTime();
    var age = Math.ceil(newdate/1000/60/60/24/365);
    if(age<18 ||age>65){
    $("#docNo").tips({
    side:3,
               msg:'请重新输入身份证号,年龄不能小于18或大于65',
               bg:'#AE81FF',
               time:2
           });
    $("#docNo").focus();
    return false;
    }            
         }    
        return true;
    }
   



//验证输入电话
function checkMobile(str){

var PHONE = $.trim($("#phoneNo").val());
var checkPhone=true;
var re= /(^1[3|5|8][0-9]{9}$)/;
if(PHONE == ""){
        return true;
        }
        if(!re.test(PHONE)){  
        $("#phoneNo").tips({
side : 1,
msg : "请输入正确的手机号",
bg : '#FF5080',
time : 2
});
$("#phoneNo").focus();
return false;
        }
       
        return checkMobile;
        }  
//验证输入邮箱是否正确
function checkEmail(){ 
var str = $("#email").val();
        var re=/\w+[@]{1}\w+[.]\w+/;
        if(str == ""){
        return true;
        }
        if(!re.test(str)){  
        $("#email").tips({
    side:3,
               msg:'请输入正确的邮箱',
               bg:'#AE81FF',
               time:2
           });
    $("#email").focus();
    return false;
        }
        return true;
    } 
    </script>
</HTML>

c782699991
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
通用的邮箱与html验证
10-29
通用的邮箱、html、电话号码与手机号码验证
JS验证身份证号码
numbgui的专栏
09-04 495
var Wi = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1 ]; // 加权因子 var ValideCode = [ 1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2 ]; // 身份证验证位值.10代表X function IdCardValidate(idCar
表单验证 正则表达式实例 EMAIL验证 电话号码验证 中文汉字验证
J
06-28 735
匹配国内电话号码：\d{3}-\d{8}|\d{4}-\d{7} 评注：匹配形式如 0511-4405222 或 021-87888822 匹配腾讯QQ号：[1-9][0-9]{4,} 评注：腾讯QQ号从10000开始 匹配中国邮政编码：[1-9]\d{5}(?!\d) 评注：中国邮政编码为6位数字 匹配身份证：\d{15}|\d{18} 评注：中国的身份证为15位或18位 匹配ip地址：\d+.\d+.\d+.\d+ 评注：提取ip地址时有用 匹配特定数字： 1\d*KaTeX parse error:
js表单验证插件、邮箱验证、中文汉字验证、手机号码验证、数字验证
09-26
js表单验证插件支持多种内容表单验证，有js邮箱地址验证、js中文汉字验证、js手机号码验证、js数字验证等。内含js代码下载。
表单中常规的正则验证（电话/邮箱/身份证/数字/英文字母组合等）
IT诗人
11-27 442
<form class="form"> <div class="my-form-group"> <label class="my-form-label">非空<span class="my-form-label-required">*</span></label> <input ...
Validate通用表单验证Jquery插件.zip
05-09
总的来说，"Validate通用表单验证Jquery插件"以其强大的验证功能和便捷的使用方式，成为前端开发者的得力助手。通过灵活配置，开发者可以根据项目需求定制自己的验证规则，提升用户交互体验，同时减少服务器负载，...
通用JS表单验证类.rar
07-10
通用JS表单验证类_validator实例演示，含有一个说明文档，本验证插件可对表单中常见的电话、字符、邮箱地址、网址、身份证号码、密码、年龄格式、IP格式等特殊的字符格式做出检测判断，避免用户提交到数据库的数据不...
史上最全Java表单验证封装类
07-22
通过有效的表单验证可以提高应用的安全性和用户体验。本篇介绍的“史上最全Java表单验证封装类”提供了一系列实用的方法，用于完成各种表单字段的验证工作。这些方法利用正则表达式进行模式匹配，从而实现对输入数据...
js正则表达式校验数字、email、身份证号等
02-09
js正则表达式校验数字、email、身份证号等
本人推荐的几个表单验证
11-27
- **国际格式**：确保手机号码按照国际通用格式输入，如"+"号和国家代码。 5. **日期和时间验证**： - **日期格式**：规定日期的格式，如"YYYY-MM-DD"，并确保输入的日期有效且在未来。 - **时间范围**：限制...
身份证号验证HTML代码
07-30
输入身份证号，检验号码真实性，验证HTML代码
正则表达式表单验证，校验电话号码格式、邮箱地址是否合法等
pig_study_JAVA的博客
07-27 616
/是否带有小数/ function isDecimal(strValue ) { var objRegExp= /^\d+.\d+$/; return objRegExp.test(strValue); } /*校验是否中文名称组成 */ function ischina(str) { var reg=/1{2,4}$/; /定义验证表达式/ return reg.test(str); /进行验证/ } /*校验是否全由8位数字组成 */ function isStudentNo(s
身份证号 js验证 validform
weixin_33911824的博客
12-18 288
2019独角兽企业重金招聘Python工程师标准>>> ...
Validform 验证
qq_32704935的博客
12-04 430
1 身份证号 datatype="/^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/" 2 电话 datatype="/^13[0-9]{9}$|14[0-9]{9}|15[0-9]{9}$|18[0-9]{9}$|(\d{3,4})?(-)?\d{7,8}$/"   ignore="ignore" 属性，文本框内容可为空，输入内容才验证
form表单提交 正则简单判断身份证号，手机号，姓名
热门推荐
weixin_42861240的博客
08-03 1万+
CSS样式自己填充我在这里就不加上了 html部分： &amp;lt;main&amp;gt; &amp;lt;div class=&quot;container&quot;&amp;gt; &amp;lt;div class=&quot;fl btn-register&quot;&amp;gt; &amp;lt;img src=&amp
用HTML写一个身份证
weixin_63622186的博客
11-11 1651
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>个人名片</title> <style> .yuanjiao { width: 500px; height: 300px; background-image: url(img/身份证.jpg); border: 2 solid #000000; .
html+css+js封装身份证号表单验证
m0_70932336的博客
03-29 369
身份证第18位（校验码）的计算方法//41:省编码前2位//4107:市编码前4位//410724:县编码//451:奇数为男，偶数为女1、将前面的身份证号码17位数分别乘以不同的系数。从第一位到第十七位的系数分别为：7－9－10－5－8－4－2－1－6－3－7－9－10－5－8－4－2。2、将这17位数字和系数相乘的结果相加。3、用加出来和除以11，看余数是多少？4、余数只可能有0－1－2－3－4－5－6－7－8－9－10这11个数字。
react +antd 中form表单输入框的手机号，身份证号验证
weixin_45204443的博客
03-29 2341
这样会直接在输入时直接验证。表单字段验证常用正则表达式。这是验证比较全的网址博客。
电话号的表单验证
weixin_47382137的博客
09-26 528
电话表单验证
html表单 验证身份证号码
最新发布
04-06
可以使用正则表达式来验证身份证号码，以下是一个示例： ... ^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$" placeholder="请输入身份证...在后端接收表单数据后，也应该对身份证号码进行校验，以确保数据的准确性和安全性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值