js 常用正則表示式
阿新 • • 發佈：2020-09-18
var verifyUtils = {
// 驗證輸入的內容是否是空
isNull:function(idStr){
var str = document.getElementById(idStr).value.trim();
var regex = /\S/;
if(!regex.test(str)){
alert("文字框不能為空，請輸入內容！");
}
},
// 驗證輸入的字元是否是英文字母
isLetter:function(idStr){
var str = document.getElementById(idStr).value.trim();
var regex = /^[a-zA-Z]+$/;
if(!regex.test(str)){
alert("請輸入正確的英文字母!");
}
// 驗證日期格式是否為YYYY-MM-DD格式
},isDate:function(idStr){
var str = document.getElementById(idStr).value.trim();
var regex = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;
var r = str.match(regex); // 使用match方法獲取指定字串的值
if(r==null){
alert("請輸入正確的日期格式!");
}
// 驗證日期格式是否為YYYY-MM-DD hh:mm:ss格式
},isDateTime:function(idStr){
var str = document.getElementById(idStr).value.trim();
var regex = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
var r = str.match(regex); // 使用match方法獲取指定字串的值
if(r==null){
alert("請輸入正確的日期格式!");
}
// 驗證整數
},isInteger:function(idStr){
var str = document.getElementById(idStr).value.trim();
var regex = /^[-+]?\d*$/;
if(!regex.test(str)){
alert("請輸入正確的整數!");
}
// 驗證雙精度
},isDouble:function(idStr){
var str = document.getElementById(idStr).value.trim();
var regex = /^[-\+]?\d+(\.\d+)?$/;
if(!regex.test(str)){
alert("請輸入正確的小數!");
}
// 驗證中文
},isChinese(idStr){
var str = document.getElementById(idStr).value.trim();
var regex = /^[\u0391-\uFFE5]+$/;
if(!regex.test(str)){
alert("請輸入正確的中文!");
}
// 驗證郵箱
},isEmail(idStr){
var str = document.getElementById(idStr).value.trim();
var regex = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
if(!regex.test(str)){
alert("請輸入正確的郵箱格式!");
}
// 驗證手機號
},isPhone(idStr){
var str = document.getElementById(idStr).value.trim();
var regex = /^1[3456789]\d{9}$/;
if(!regex.test(str)){
alert("請輸入正確的手機號!");
}
// 驗證身份證
},isIdCard(idStr){
var str = document.getElementById(idStr).value.trim();
var regex = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[12])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/;
if(!regex.test(str)){
alert("請輸入正確的身份證號碼!");
}
}
};以上是部分，詳細可見:js常用正則大全做verifyUtils封裝。