HTML中使用者名稱、身份證號、郵箱、出生日期等的格式驗證

阿新 • • 發佈：2019-02-09

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表單驗證</title>
//為了使頁面不是那麼突兀，特地匯入了這倆個bootstrap框架相關的包
    <link rel="stylesheet" type="text/css" href="css/bootstrap-3.3.7-dist/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap-3.3.7-dist/js/bootstrap.js"/>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 "></div>
        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 ">
            <h3 style="font-family: youyuan;color: blue;text-align: center"><strong>表單驗證</strong></h3>
            <hr/>
            <form name="form">
                <span style="color: blue">使用者名稱</span>
                <input type="text" id="name" name="name" required="required" class="form-control" placeholder="使用者名稱（6-14位）"/>
                <span id="namespan" style="color: red"></span>
                <br/>
                <span style="color: blue">密碼</span>
                <input type="password" id="pwd"name="pwd" required="required" class="form-control"onclick="checkname()" placeholder="密碼（4-16位）"/>
                <span id="pwdspan"style="color: red"></span>
                <br/>
                <span style="color: blue">確認密碼</span>
                <input type="password" id="repwd"name="repwd" required="required" class="form-control"onclick="checkpassword()" placeholder="確認密碼"/>
                <span id="repwdspan"style="color: red"></span>
                <br/>
                <span style="color: blue">郵箱</span>
                <input type="email" id="email" required="required" class="form-control"onclick="same()" placeholder="郵箱"/>
                <span id="emailspan" style="color: red"></span>
                <br/>
                <span style="color: blue">身份證號</span>
                <input type="text"name="number" id="id" required="required" class="form-control"onclick="checkemail()" placeholder="身份證號"/>
                <span id="idspan" style="color: red"></span>
                <br/>
                <span style="color: blue">出生日期</span>
                <input name="sDate" type="text" id="sDate" required="required" class="form-control"onclick="check(form)" placeholder="出生日期"/>
                <span id="datespan" style="color: red"></span>
                <br/>
                <input type="button" value="檢查出生日期" class="btn btn-primary"onclick="checkdate(form)"/>
                <input type="reset" value="重置" class="btn btn-primary"/>
                <input type="submit" value="提交" class="btn btn-primary"/>
            </form>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 ">
        </div>
    </div>
</div>
</body>
</html>
<script language="javascript">
    //檢驗使用者名稱格式
    function checkname(){
        var name1 = document.form.name.value;
        if (name1 == "") {
            document.getElementById("namespan").innerHTML = "使用者名稱不能為空！";
            document.form.name.focus();
            return false;
        }
        if (name1.length < 6 || name1.length > 14) {
            document.getElementById("namespan").innerHTML = "格式錯誤，長度6-14個字元";
            document.form.name.focus();
            // document.form.name.select();
            return false;
        }
        var charname1 = name1.toLowerCase();
        for (var i = 0; i < name1.length; i++) {
            var charname = charname1.charAt(i);
            if (!(charname >= 0 && charname <= 9) && (!(charname >= 'a' && charname <= 'z')) && (charname != '_')) {
                document.getElementById("namespan").innerHTML  = "使用者名稱包含非法字元";
                // document.form.name.select();
                document.form.name.focus();
                return false;
            }
        }
        document.getElementById("namespan").innerHTML  = "使用者名稱正確";
        return true;
    }

    //檢查密碼格式
        function checkpassword(){
            var div = document.getElementById("pwdspan");
            div.innerHTML = "";
            var password = document.form.pwd.value;
            if (password == "") {
                div.innerHTML = "密碼不能為空";
                document.form.pwd.focus();
                return false;
            }
            if (password.length < 4 || password.length > 16) {
                div.innerHTML = "格式錯誤，密碼長度為4-16位";
                document.form.pwd.select();
                return false;
            }
            div.innerHTML = "密碼格式正確";
            return true;
        }

    //檢查密碼是否一樣
    function same() {
        var d=document.getElementById("repwdspan");
        d.innerHTML="";
        var pValue=document.getElementById("pwd").value;
        if(pValue==""){
            //注意空的表示方法
            d.innerHTML="密碼不能為空";
            return false;
        }
        /** 校驗確認密碼*/
        var rpValue=document.getElementById("repwd").value;
        if(rpValue!=pValue){
            d.innerHTML="兩次密碼輸入不一致";
            return false;
        }
        d.innerHTML="輸入一致";
        return true;

    }

    //檢驗郵箱
    function checkemail() {
        var d=document.getElementById("emailspan");
        d.innerHTML="";
        var eValue=document.getElementById("email").value;
        if(!/^([a-zA-Z0-9_-]) 
[email protected]([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(eValue)){
            d.innerHTML="郵箱格式錯誤！";
        }else
            d.innerHTML="郵箱格式正確"
    }


    // 檢驗身份證號格式
    function checkeNO(NO){
        var str=NO;
        //在JavaScript中，正則表示式只能使用"/"開頭和結束，不能使用雙引號
        var Expression=/^\d{17}[\d|X]$|^\d{15}$/;
        var objExp=new RegExp(Expression);
        if(objExp.test(str)==true){
            return true;
        }else{
            return false;
        }
    }
    function check(form){
        var d=document.getElementById("idspan");
        d.innerHTML="";
        if(form.number.value==""){
            d.innerHTML="請輸入身份證號碼!";
            form.number.focus();return;
        }
        if(!checkeNO(form.number.value)){
            d.innerHTML="身份證號碼格式錯誤!!";
            form.number.focus();
            return;
        }
        if(checkeNO(form.number.value)){
            d.innerHTML="身份證號碼格式正確!!";
        }
    }

    //判斷輸入的日期是否正確
    function CheckDate(INDate){
        if (INDate==""){return true;}
        if(INDate.indexOf('-',0)!=-1){	separate="-"}
        else{
            if(INDate.indexOf('/',0)!=-1){separate="/"}
            else {return true;}
        }
        area=INDate.indexOf(separate,0)
        //獲取年份
        subYY=INDate.substr(0,area)
        if(isNaN(subYY) || subYY<=0){
            return true;
        }
        //轉換月份
        subMM=INDate.substr(area+1,INDate.indexOf(separate,area+1)-(area+1))
        if(isNaN(subMM) || subMM<=0){
            return true;
        }
        if(subMM.length<2){subMM="0"+subMM}
        //轉換日
        area=INDate.lastIndexOf(separate)
        subDD=INDate.substr(area+1,INDate.length-area-1)
        if(isNaN(subDD) || subDD<=0){
            return true;
        }
        if(eval(subDD)<10){subDD="0"+eval(subDD)}
        NewDate=subYY+"-"+subMM+"-"+subDD
        if(NewDate.length!=10){return true;}
        if(NewDate.substr(4,1)!="-"){return true;}
        if(NewDate.substr(7,1)!="-"){return true;}
        var MM=NewDate.substr(5,2);
        var DD=NewDate.substr(8,2);
        if((subYY%4==0 && subYY%100!=0)||subYY%400==0){ //判斷是否為閏年
            if(parseInt(MM)==2){
                if(DD>29){return true;}
            }
        }else{
            if(parseInt(MM)==2){
                if(DD>28){return true;}
            }
        }
        var mm=new Array(1,3,5,7,8,10,12); //判斷每月中的最大天數
        for(i=0;i< mm.length;i++){
            if (parseInt(MM) == mm[i]){
                if(parseInt(DD)>31){
                    return true;
                }else{
                    return false;
                }
            }
        }
        if(parseInt(DD)>30){return true;}
        if(parseInt(MM)>12){return true;}
        return false;
    }
function checkdate(myform){
        var d=document.getElementById("datespan");
        d.innerHTML="";
    if(myform.sDate.value==""){
        d.innerHTML="請輸入日期";
        myform.sDate.focus();return;
    }
    if(CheckDate(myform.sDate.value)){
        d.innerHTML="您輸入的日期不正確！\n 請注意日期格式（如：2007/07/17或2007-07-17）以及二月是否為閏年！";
        myform.sDate.focus();return;
    }
    if(!CheckDate(myform.sDate.value)){
        d.innerHTML="您輸入的日期是正確的";
    }
}
</script>

HTML中使用者名稱、身份證號、郵箱、出生日期等的格式驗證

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表單驗證</title> //為了使頁面不是那麼

BankCardUtils 根據銀行卡號獲取銀行卡型別、銀行名稱和銀行編碼自動格式化銀行卡號、手機號、身份證號輸入的工具類

BankCardUtils 專案地址：nanchen2251/BankCardUtils 簡介：根據銀行卡號獲取銀行卡型別、銀行名稱和銀行編碼自動格式化銀行卡號、手機號、身份證號輸入的工具類更多：作者提 Bug

jquery正則表示式驗證糾正版（手機號、身份證號、中文名稱）

最新福利：領取阿里雲1000通用代金券 <script type="text/javascript"> // 驗證中文名稱 function isChinaName(name) { var pattern = /^[\u4E00-\u9FA5]{1,6}$/; retu

jquery正則表示式驗證（手機號、身份證號、中文名稱）

數字判斷方法:isNaN()函式 test()方法判斷字串中是否匹配到正則表示式內容，返回的是boolean值 ( true / false ) // 驗證中文名稱 function isChinaName(name) { var pattern

C# 中使用正則表示式驗證電話號碼、手機號、身份證號

驗證電話號碼的主要程式碼如下： public bool IsTelephone(stringstr_telephone) { returnSystem.Text.RegularExpressions.Regex.IsMatch(str_telephone,@

C#中使用正則表示式驗證電話號碼、手機號、身份證號（轉）

驗證電話號碼的主要程式碼如下： public bool IsTelephone(stringstr_telephone) { returnSystem.Text.RegularExpressions.Regex.IsMatch(str_telephone,@"^(\d{3,4}-)?\d

JavaScript使用者名稱、密碼強度、email、身份證號正則

使用者名稱正則：（說明：4到16位，包括字母，數字，下劃線，減號） var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; 密碼強度正則：（說明：最少6位，包括至少1個大寫字母，1個小寫字母，1個數字，1個特殊字元） v

JS程式碼隨機生成姓名、手機號、身份證號、銀行卡號

JS程式碼隨機生成姓名、手機號、身份證號、銀行卡號開發測試的時候，經常需要填寫姓名、手機號、身份證號、銀行卡號，既要符合格式要求、又不能重複。 // 生成隨機姓名 functi

設定身份證號與性別、生日聯動，根據當前時間戳獲取年齡

1、設定身份證號與性別、生日聯動 $("#sfz").change(function(){ //設定身份證號生日聯動 &

C++第十週【任務2】定義一個名為CPerson的類，有以下私有成員:姓名、身份證號、性別和年齡，成員函式：建構函式、解構函式、輸出資訊的函式。

學以致用——使用VBA從身份證號提取性別、出生年月日、年齡（Extract gender, DOB, age from ID）

看到教材中的一個示例，可從身份證號提取性別、出生年月日、年齡。但是有個問題，即，當僅選擇一個單元格時，會報錯（型別錯誤）。於是，修改了這個問題。現在，僅選擇一行，也可以進行提取。程式碼：Sub extr

正則表示式（手機號、身份證號）

一、手機號：/^1[34578]\d{9}$/ 二、身份證號：/^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\

iOS開發之百度免費API使用案例（身份證號獲取地址、手機號查歸屬地、MD5解密等）

先附上百度APIStore的地址：APIStore 下面是其中幾個使用案例：考慮到我的部落格看的人比較少，裡面的apikey就不隱藏了。萬一有一天如果apikey使用頻率過高被封了，請自行去百度APIStore申請（身份證號碼這倆，不太嚴謹，不能判斷出生日期是否正確，只能

Objective-C用正則表示式判斷字串是否為手機號、郵箱、身份證號

用正則表示式判斷字串是否為手機號： - (BOOL)isPhoneNumber:(NSString *)str { NSString * MOBILE = @"^1(3[0-9]|5[0-

正則表示式判斷連號如“123456”、同號如“888888”、連同號如“112233”“222333”

import java.util.regex.Matcher; import java.util.regex.Pattern; &

js中通過身份證號，來獲取出生年月日

var str2 = '110123197809103726';var year = str2.slice(6,10);var month = str2.slice(10,12);var date = str2.slice(12,14);console.log(year+'年

身份證驗證判斷、身份證正則表示式、15位、18位身份證驗證

這次專案對身份證的輸入驗證要求比較高，因此在網上多方搜查資料，得到了超嚴謹的身份證驗證正則（外加一點點判斷），現進行記錄，以便後續使用，如下： //HTML部分 <input typ

TOM企業郵箱、263企業郵箱、騰訊企業郵箱、網易企業郵箱對比

角度辦公產品通過重點供應商市場騰訊企業安全性如今社會，電子郵箱隨著社會的發展不斷的進步，越來越多的企業和企業郵箱密不可分，自然而然，企業郵箱成為公司企業對內對外溝通有效渠道，而如今，企業郵箱供應商品牌如雨後春筍般成長，那麽，企業該如何選擇適合自己公司發展的

正則表達式匹配身份證電話號碼郵箱住宅電話郵編等

ext 大寫字母 nsh 辦理 regexp nbsp 新的 pat 中文 # -*- coding: utf-8 -*- import re tt1 = "13143567781" tt2=‘[email protected]‘ tt3=‘4110241945111

HTTP請求行中包含哪些內容？A、請求方法 B、資源名稱 C、版本號 D、狀態程式碼

答案：ABC解析：Http請求是指從客戶端到伺服器端的請求訊息。該請求訊息包括，在訊息首行中，對資源的請求方法、資源的識別符號及使用的協議。HTTP請求資訊由3部分組成：l 請求方法URI協議/版本l 請求頭(Request Header)l 請求正文HTTP響應HTTP應

HTML中使用者名稱、身份證號、郵箱、出生日期等的格式驗證

相關推薦