JS表單數(shù)據(jù)驗證的正則表達式(常用)
常用的驗證方法:
checkUserNameflag=false;
checkPasswordflag=false;
checkPasswordAgianflag=false;
checkEmailflag=false;
// 用戶名校驗
function checkUserName() {
var username = $("userNeme").value;
var zz = /^[A-Za-z0-9]{6,}$/;
if (!zz.test(username)) {
$("userName_warn").innerHTML = " × 用戶名不符合規(guī)范";
checkUserNameflag=false;
} else {
/*$("userName_warn").style.color='blue';
$("userName_warn").innerHTML = "√ 用戶名可用";*/
showUserExist(username);
checkUserNameflag=true;
}
}
//重置提示
function resetWarn(){
$("userName_warn").innerHTML="";
$("email_warn").innerHTML="";
$("password_warn").innerHTML="";
$("Repassword_warn").innerHTML="";
}
// 密碼校驗
function checkPassword() {
var password1 = $("password").value;
if (password1.length >= 6 && password1.length <= 15) {
checkPasswordflag = true;
$("password_warn").style.color='blue';
$("password_warn").innerHTML = " √ 密碼可用 ";
checkAgianMiMa();
} else {
checkPasswordflag = false;
$("password_warn").innerHTML = " × 密碼至少為 6 個字符 ";
}
}
function checkPasswordAgian() {
var password1 = $("password").value;
var password2 = $("rePassword").value;
if (password1 == password2) {
if (password1 == "") {
$("Repassword_warn").innerHTML = " × 請輸入密碼 ";
checkPasswordAgianflag = false;
return;
}
$("Repassword_warn").style.color='blue';
$("Repassword_warn").innerHTML = "√ 重復輸入密碼正確";
checkPasswordAgianflag = true;
} else {
checkPasswordAgianflag = false;
$("Repassword_warn").innerHTML = " × 兩次密碼輸入不同 ";
}
}
function checkEmail(){
//對電子郵件的驗證
var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
var email=$("email").value;
if(!myreg.test(email)){
checkEmailflag=false;
$("email_warn").style.color='red';
$("email_warn").innerHTML = " × 郵箱格式不符合規(guī)范";
} else {
checkEmailflag=true;
$("email_warn").style.color='blue';
$("email_warn").innerHTML = "√ 郵箱格式正確";
}
}
function submitCheck(){
alert(checkUserNameflag);
if(checkUserNameflag==false || checkPasswordflag==false || checkPasswordflag==false
||checkPasswordAgianflag==false || checkEmailflag==false){
return;
}
}
function $(id){
return document.getElementById(id);
}
js正則表達式--驗證表單
檢測手機號碼:/0?(13|14|15|18)[0-9]{9}/
檢測用戶名:(數(shù)字,英文,漢字,下劃線,中橫線):/^[A-Za-z0-9_\-\u4e00-\u9fa5]+$/
密碼:(數(shù)字,英文,下劃線,中橫線)/^[A-Za-z0-9_-]+$/
身份證:/\d{17}[\d|x]|\d{15}/
非空:/^\S+$/
IP地址:/((?:(?:25[0-5]|2[0-4]\d|[01]?\d?\d)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d?\d))/
以上所述是小編給大家介紹的JS表單數(shù)據(jù)驗證的正則表達式,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關文章
微信小程序以7天為周期連續(xù)簽到7天功能效果的示例代碼
這篇文章主要介紹了微信小程序以7天為周期連續(xù)簽到7天功能效果的示例代碼,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-08-08
深入剖析JavaScript中Geolocation?API的使用
這篇文章主要來和大家一起深入探討?JavaScript?的?Geolocation?API,看看它的強大之處以及如何在你的項目中應用它,感興趣的可以了解下2024-03-03
使用 Node.js 做 Function Test實現(xiàn)方法
這篇文章介紹了Node.js 做 Function Test實現(xiàn)方法,有需要的朋友可以參考一下2013-10-10

