HTML中使用者名稱、身份證號、郵箱、出生日期等的格式驗證
<!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的類,有以下私有成員:姓名、身份證號、性別和年齡,成員函式:建構函式、解構函式、輸出資訊的函式。
/* (程式頭部註釋開始) * 程式的版權和版本宣告部分 * Copyright (c) 2011, 煙臺大學計算機學院學生 * All rights reserved. * 檔名稱: C++第十週【任務2】 * 作
學以致用——使用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應