js注冊(cè)時(shí)輸入合法性驗(yàn)證方法
本文實(shí)例為大家分享了js正則表達(dá)式驗(yàn)證輸入合法性的具體代碼,供大家參考,具體內(nèi)容如下
// 驗(yàn)證用戶名,只允許 字母 數(shù)字 下劃線 中文
//在input元素后面增加一個(gè)span元素,提示
function confirmName(){
var name=document.getElementById("user_name");
name.onblur=function(){
if((name.value).length!=0){
reg=/^[\u4e00-\u9fa5_a-zA-Z0-9-]{1,16}$/g;
if(!reg.test(name.value)){
alert("對(duì)不起,輸入的用戶名限16個(gè)字符,支持中英文、數(shù)字、減號(hào)或下劃線 ");
}
}
};
}
function confirmEmail(){
var email=document.getElementById("user_email");
email.onblur=function(){
if((email.value).length!=0){
reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/ ;
if(!reg.test(email.value)){
alert("對(duì)不起,您輸入的郵箱格式不正確!");
}
}
};
}
function confirmPassword(){
var password=document.getElementById("user_password");
password.onblur=function(){
if((password.value).length!=0){
reg=/^(\w){6,20}$/;
if(!reg.test(password.value)){
alert("對(duì)不起,您輸入的密碼格式不正確!");
}
}
};
}
function confiemPasswordAgin(){
var againpassword=document.getElementById("user_password_confirmation");
var password=document.getElementById("user_password");
againpassword.onblur=function(){
// alert(againpassword.value);
if(password.value.length!=againpassword.value.length){
alert("密碼輸入不匹配,請(qǐng)重新輸入");
}
if(password.value.indexOf(againpassword.value)==-1){
alert("密碼輸入不匹配,請(qǐng)重新輸入");
}
};
}
window.onload=function(){
confirmName();
confirmEmail();
confirmPassword();
confiemPasswordAgin();
};
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript使用百度ECharts插件繪制餅圖操作示例
這篇文章主要介紹了JavaScript使用百度ECharts插件繪制餅圖操作,結(jié)合實(shí)例形式分析了JavaScript使用百度ECharts插件繪制餅圖的原理、步驟及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-11-11
layui問(wèn)題之自動(dòng)滾動(dòng)二級(jí)iframe頁(yè)面到指定位置的方法
今天小編就為大家分享一篇layui問(wèn)題之自動(dòng)滾動(dòng)二級(jí)iframe頁(yè)面到指定位置的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
js實(shí)現(xiàn)二代身份證號(hào)碼驗(yàn)證詳解
本文給大家分享一段超級(jí)全面的二代身份證號(hào)碼驗(yàn)證程序,由JS編寫(xiě)而成,可以校驗(yàn)身份證的地址碼、出生日期碼、順序碼和數(shù)字校驗(yàn)碼。是身份證去偽存真的一大利器。2014-11-11
用js實(shí)現(xiàn)終止瀏覽器對(duì)頁(yè)面HTML的繼續(xù)解析即停止解析 兼容firefox
用js實(shí)現(xiàn)終止瀏覽器對(duì)頁(yè)面HTML的繼續(xù)解析即停止解析 兼容firefox...2007-11-11
JS/HTML5游戲常用算法之碰撞檢測(cè) 包圍盒檢測(cè)算法詳解【凹多邊形的分離軸檢測(cè)算法】
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測(cè) 包圍盒檢測(cè)算法,結(jié)合實(shí)例形式詳細(xì)分析了javascript針對(duì)凹多邊形的分離軸檢測(cè)算法相關(guān)概念、原理、實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2018-12-12
JS交互點(diǎn)擊WKWebView中的圖片實(shí)現(xiàn)預(yù)覽效果
這篇文章主要介紹了JS交互點(diǎn)擊WKWebView中的圖片實(shí)現(xiàn)預(yù)覽效果,需要的朋友可以參考下2018-01-01
JavaScript實(shí)現(xiàn)身份證驗(yàn)證代碼實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)身法證驗(yàn)證代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
完美實(shí)現(xiàn)js選項(xiàng)卡切換效果(一)
這篇文章主要為大家詳細(xì)介紹如何完美實(shí)現(xiàn)js選項(xiàng)卡切換效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03
Webpack中l(wèi)oader打包各種文件的方法實(shí)例
這篇文章主要給大家介紹了關(guān)于Webpack中l(wèi)oader打包各種文件的相關(guān)資料,其中包括處理css文件、less文件、scss文件、url地址以及ES6高級(jí)語(yǔ)法的方法,需要的朋友可以參考下2019-09-09

