JS表單數(shù)據(jù)驗(yàn)證的正則表達(dá)式(常用)
常用的驗(yàn)證方法:
checkUserNameflag=false;
checkPasswordflag=false;
checkPasswordAgianflag=false;
checkEmailflag=false;
// 用戶(hù)名校驗(yàn)
function checkUserName() {
var username = $("userNeme").value;
var zz = /^[A-Za-z0-9]{6,}$/;
if (!zz.test(username)) {
$("userName_warn").innerHTML = " × 用戶(hù)名不符合規(guī)范";
checkUserNameflag=false;
} else {
/*$("userName_warn").style.color='blue';
$("userName_warn").innerHTML = "√ 用戶(hù)名可用";*/
showUserExist(username);
checkUserNameflag=true;
}
}
//重置提示
function resetWarn(){
$("userName_warn").innerHTML="";
$("email_warn").innerHTML="";
$("password_warn").innerHTML="";
$("Repassword_warn").innerHTML="";
}
// 密碼校驗(yàn)
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 個(gè)字符 ";
}
}
function checkPasswordAgian() {
var password1 = $("password").value;
var password2 = $("rePassword").value;
if (password1 == password2) {
if (password1 == "") {
$("Repassword_warn").innerHTML = " × 請(qǐng)輸入密碼 ";
checkPasswordAgianflag = false;
return;
}
$("Repassword_warn").style.color='blue';
$("Repassword_warn").innerHTML = "√ 重復(fù)輸入密碼正確";
checkPasswordAgianflag = true;
} else {
checkPasswordAgianflag = false;
$("Repassword_warn").innerHTML = " × 兩次密碼輸入不同 ";
}
}
function checkEmail(){
//對(duì)電子郵件的驗(yàn)證
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正則表達(dá)式--驗(yàn)證表單
檢測(cè)手機(jī)號(hào)碼:/0?(13|14|15|18)[0-9]{9}/
檢測(cè)用戶(hù)名:(數(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ù)驗(yàn)證的正則表達(dá)式,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- js 常用正則表達(dá)式表單驗(yàn)證代碼
- JavaScript 表單驗(yàn)證正則表達(dá)式大全[推薦]
- js正則表達(dá)式注冊(cè)頁(yè)面表單驗(yàn)證
- 最常用的15個(gè)前端表單驗(yàn)證JS正則表達(dá)式
- JavaScript 使用正則表達(dá)式進(jìn)行表單驗(yàn)證的示例代碼
- js正則表達(dá)式驗(yàn)證表單【完整版】
- js用正則表達(dá)式來(lái)驗(yàn)證表單(比較齊全的資源)
- JavaScript表單通過(guò)正則表達(dá)式驗(yàn)證電話號(hào)碼
- JavaScript常用的正則表達(dá)式表單驗(yàn)證代碼
- 原生js實(shí)現(xiàn)表單的正則驗(yàn)證(驗(yàn)證通過(guò)后才可提交)
相關(guān)文章
微信小程序以7天為周期連續(xù)簽到7天功能效果的示例代碼
這篇文章主要介紹了微信小程序以7天為周期連續(xù)簽到7天功能效果的示例代碼,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-08-08
深入剖析JavaScript中Geolocation?API的使用
這篇文章主要來(lái)和大家一起深入探討?JavaScript?的?Geolocation?API,看看它的強(qiáng)大之處以及如何在你的項(xiàng)目中應(yīng)用它,感興趣的可以了解下2024-03-03
JavaScript仿小米實(shí)現(xiàn)球體分解動(dòng)畫(huà)
用過(guò)小米手機(jī)的應(yīng)該見(jiàn)過(guò)它的垃圾清理ui界面吧,本文將利用JavaScript模擬這一界面實(shí)現(xiàn)球體分解動(dòng)畫(huà),感興趣的小伙伴可以學(xué)習(xí)一下2022-06-06
swiper移動(dòng)端輪播插件(觸碰圖片之后停止輪播)
這篇文章主要為大家詳細(xì)介紹了swiper移動(dòng)端輪播插件,觸碰圖片之后停止輪播,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12
JavaScript對(duì)象和字串之間的轉(zhuǎn)換實(shí)例探討
從對(duì)象的格式可以看出,如果字串的格式定義成 json 格式的, 就可以直接轉(zhuǎn)換為obj了,感興趣的朋友可以參考下哈2013-04-04
js為數(shù)字添加逗號(hào)并格式化數(shù)字的代碼
數(shù)字添加逗號(hào)的方法有很多,在本將為大家介紹下使用js來(lái)實(shí)現(xiàn),具體如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08
使用 Node.js 做 Function Test實(shí)現(xiàn)方法
這篇文章介紹了Node.js 做 Function Test實(shí)現(xiàn)方法,有需要的朋友可以參考一下2013-10-10
Bootstrap多級(jí)菜單的實(shí)現(xiàn)代碼
這篇文章主要介紹了Bootstrap多級(jí)菜單的簡(jiǎn)單實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-05-05

