js注冊時輸入合法性驗證方法
更新時間:2017年10月21日 09:18:38 作者:數(shù)星星的咚咚咚
這篇文章主要為大家詳細(xì)介紹了js注冊時輸入合法性驗證方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了js正則表達(dá)式驗證輸入合法性的具體代碼,供大家參考,具體內(nèi)容如下
// 驗證用戶名,只允許 字母 數(shù)字 下劃線 中文
//在input元素后面增加一個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("對不起,輸入的用戶名限16個字符,支持中英文、數(shù)字、減號或下劃線 ");
}
}
};
}
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("對不起,您輸入的郵箱格式不正確!");
}
}
};
}
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("對不起,您輸入的密碼格式不正確!");
}
}
};
}
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("密碼輸入不匹配,請重新輸入");
}
if(password.value.indexOf(againpassword.value)==-1){
alert("密碼輸入不匹配,請重新輸入");
}
};
}
window.onload=function(){
confirmName();
confirmEmail();
confirmPassword();
confiemPasswordAgin();
};
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript監(jiān)聽手機(jī)物理返回鍵的兩種解決方法
JavaScript沒有監(jiān)聽物理返回鍵的API,所以只能使用 popstate 事件監(jiān)聽。接下來通過本文給大家分享JavaScript監(jiān)聽手機(jī)物理返回鍵的兩種解決方法,感興趣的朋友一起看看吧2017-08-08
深入理解JavaScript系列(31):設(shè)計模式之代理模式詳解
這篇文章主要介紹了深入理解JavaScript系列(31):設(shè)計模式之代理模式詳解,代理模式使得代理對象控制具體對象的引用,代理幾乎可以是任何對象:文件,資源,內(nèi)存中的對象,或者是一些難以復(fù)制的東西,需要的朋友可以參考下2015-03-03
利用ajaxfileupload插件實現(xiàn)文件上傳無刷新的具體方法
利用ajaxfileupload插件實現(xiàn)文件上傳無刷新的具體方法,需要的朋友可以參考一下2013-06-06
uniapp小程序自定義tabbar以及初次加載閃屏解決方法
Uniapp小程序可以通過自定義tabbar來實現(xiàn)更加個性化的界面設(shè)計,下面這篇文章主要給大家介紹了關(guān)于uniapp小程序自定義tabbar以及初次加載閃屏解決方法,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
uni-app小程序沉浸式導(dǎo)航實現(xiàn)的全過程
在跨端項目開發(fā)中,uniapp是個不錯的框架,下面這篇文章主要給大家介紹了關(guān)于uni-app小程序沉浸式導(dǎo)航實現(xiàn)的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10

