JS正規表示式的驗證

技術之光發表於2022-03-19

(推薦)JS正則知識點專題:

//判斷輸入內容是否為空 
function IsNull(){ 
var str = document.getElementById('str').value.trim(); 
if(str.length==0){ 
alert('對不起,文字框不能為空或者為空格!');//請將“文字框”改成你需要驗證的屬性名稱! 
} 
} 
//判斷日期型別是否為YYYY-MM-DD格式的型別 
function IsDate(){ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})/; 
var r = str.match(reg); 
if(r==null) 
alert('對不起,您輸入的日期格式不正確!'); //請將“日期”改成你需要驗證的屬性名稱! 
} 
} 
//判斷日期型別是否為YYYY-MM-DD hh:mm:ss格式的型別 
function IsDateTime(){ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; 
var r = str.match(reg); 
if(r==null) 
alert('對不起,您輸入的日期格式不正確!'); //請將“日期”改成你需要驗證的屬性名稱! 
} 
} 
//判斷日期型別是否為hh:mm:ss格式的型別 
function IsTime() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/ 
if(!reg.test(str)){ 
alert("對不起,您輸入的日期格式不正確!");//請將“日期”改成你需要驗證的屬性名稱! 
} 
} 
} 
//判斷輸入的字元是否為英文字母 
function IsLetter() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[a-zA-Z]+$/; 
if(!reg.test(str)){ 
alert("對不起,您輸入的英文字母型別格式不正確!");//請將“英文字母型別”改成你需要驗證的屬性名稱! 
} 
} 
} 
//判斷輸入的字元是否為整數 
function IsInteger() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[-+]?\d*$/; 
if(!reg.test(str)){ 
alert("對不起,您輸入的整數型別格式不正確!");//請將“整數型別”要換成你要驗證的那個屬性名稱! 
} 
} 
} 
//判斷輸入的字元是否為雙精度 
function IsDouble(val) 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[-\+]?\d+(\.\d+)?$/; 
if(!reg.test(str)){ 
alert("對不起,您輸入的雙精度型別格式不正確!");//請將“雙精度型別”要換成你要驗證的那個屬性名稱! 
} 
} 
} 
//判斷輸入的字元是否為:a-z,A-Z,0-9 
function IsString() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[a-zA-Z0-9_]+$/; 
if(!reg.test(str)){ 
alert("對不起,您輸入的字串型別格式不正確!");//請將“字串型別”要換成你要驗證的那個屬性名稱! 
} 
} 
} 
//判斷輸入的字元是否為中文 
function IsChinese() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[\u0391-\uFFE5]+$/; 
if(!reg.test(str)){ 
alert("對不起,您輸入的字串型別格式不正確!");//請將“字串型別”要換成你要驗證的那個屬性名稱! 
} 
} 
} 
//判斷輸入的EMAIL格式是否正確 
function IsEmail() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; 
if(!reg.test(str)){ 
alert("對不起,您輸入的字串型別格式不正確!");//請將“字串型別”要換成你要驗證的那個屬性名稱! 
} 
} 
} 
//判斷輸入的郵編(只能為六位)是否正確 
function IsZIP() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^\d{6}$/; 
if(!reg.test(str)){ 
alert("對不起,您輸入的字串型別格式不正確!");//請將“字串型別”要換成你要驗證的那個屬性名稱! 
} 
} 
} 
//判斷輸入的數字不大於某個特定的數字 
function MaxValue() 
{ 
var val = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[-+]?\d*$/; 
if(!reg.test(str)){//判斷是否為數字型別 
if(val>parseInt('123')) //“123”為自己設定的最大值 
{ 
alert('對不起,您輸入的數字超出範圍');//請將“數字”改成你要驗證的那個屬性名稱! 
} 
} 
} 
} 
Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?/; 
var r = str.match(reg); 
if(r==null) 
alert('對不起,您輸入的日期格式不正確!'); //請將“日期”改成你需要驗證的屬性名稱! 
} 
} 
//判斷日期型別是否為YYYY-MM-DD hh:mm:ss格式的型別 
function IsDateTime(){ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; 
var r = str.match(reg); 
if(r==null) alert('對不起,您輸入的日期格式不正確!'); //請將“日期”改成你需要驗證的屬性名稱! 
} 
} 
//判斷日期型別是否為hh:mm:ss格式的型別 
function IsTime() 
{ var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/ 
if(!reg.test(str)){ alert("對不起,您輸入的日期格式不正確!");//請將“日期”改成你需要驗證的屬性名稱! 
} 
} 
} 
//判斷輸入的字元是否為英文字母 
function IsLetter() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[a-zA-Z]+$/; 
if(!reg.test(str)){ 
alert("對不起,您輸入的英文字母型別格式不正確!");//請將“英文字母型別”改成你需要驗證的屬性名稱! 
} 
} 
} 
//判斷輸入的字元是否為整數 
function IsInteger() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[-+]?\d*$/; 
if(!reg.test(str)){ 
alert("對不起,您輸入的整數型別格式不正確!");//請將“整數型別”要換成你要驗證的那個屬性名稱! 
} 
} 
} 
//判斷輸入的字元是否為雙精度 function IsDouble(val) 
{ var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[-\+]?\d+(\.\d+)?$/; 
if(!reg.test(str)){ 
alert("對不起,您輸入的雙精度型別格式不正確!");//請將“雙精度型別”要換成你要驗證的那個屬性名稱! 
} 
} 
} 
//判斷輸入的字元是否為:a-z,A-Z,0-9 
function IsString() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[a-zA-Z0-9_]+$/; 
if(!reg.test(str)){ 
alert("對不起,您輸入的字串型別格式不正確!");//請將“字串型別”要換成你要驗證的那個屬性名稱! 
} 
} 
} 
//判斷輸入的字元是否為中文 
function IsChinese() 
{ 
var str = document.getElementById('str').value.trim(); if(str.length!=0){ 
reg=/^[\u0391-\uFFE5]+$/; if(!reg.test(str)){ alert("對不起,您輸入的字串型別格式不正確!");//請將“字串型別”要換成你要驗證的那個屬性名稱! 
} } } //判斷輸入的EMAIL格式是否正確 function IsEmail() 
{ var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; if(!reg.test(str)){ 
alert("對不起,您輸入的字串型別格式不正確!");//請將“字串型別”要換成你要驗證的那個屬性名稱! 
} } } 
//判斷輸入的郵編(只能為六位)是否正確 
function IsZIP() 
{ var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^\d{6}$/; 
if(!reg.test(str)){ 
alert("對不起,您輸入的字串型別格式不正確!");//請將“字串型別”要換成你要驗證的那個屬性名稱! 
} 
} } 
//判斷輸入的數字不大於某個特定的數字 
function MaxValue() 
{ 
var val = document.getElementById('str').value.trim(); 
if(str.length!=0){
reg=/^[-+]?\d*$/; 
if(!reg.test(str)){//判斷是否為數字型別 
if(val>parseInt('123')) //“123”為自己設定的最大值 
{ 
alert('對不起,您輸入的數字超出範圍');//請將“數字”改成你要驗證的那個屬性名稱! 
} 
} 
} 
} 
Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?/ 
Mobile : /^((\d2,3\d2,3)|(\d{3}\-))?13\d{9}/Url:/http:\/\/[A−Za−z0−9]+\.[A−Za−z0−9]+[\/=\?/Url:/http:\/\/[A−Za−z0−9]+\.[A−Za−z0−9]+[\/=\?/ 
IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?/QQ:/[1−9]\d4,8/QQ:/[1−9]\d4,8/

某種特殊金額:/^((\d{1,3}(,\d{3})*)|(\d+))(\.\d{2})?$/


//說明:除“XXX XX,XXX XX,XXX.00”格式外
//為上面提供各個JS驗證方法提供.trim()屬性 
String.prototype.trim=function(){ 
return this.replace(/(^\s*)|(\s*$)/g, ""); 
}

呼叫:


<input type="text" name="str" >
<input type="button" value=" 確定 " onClick=""> //onClick中寫自己要呼叫的JS驗證函式

以上所述是小編給大家介紹的JS正規表示式的驗證,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回覆大家的!

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70015103/viewspace-2874038/,如需轉載,請註明出處,否則將追究法律責任。

相關文章