js注冊時輸入合法性驗(yàn)證方法
更新時間:2017年10月21日 09:18:38 作者:數(shù)星星的咚咚咚
這篇文章主要為大家詳細(xì)介紹了js注冊時輸入合法性驗(yàn)證方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了js正則表達(dá)式驗(yàn)證輸入合法性的具體代碼,供大家參考,具體內(nèi)容如下
// 驗(yàn)證用戶名,只允許 字母 數(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è)計(jì)模式之代理模式詳解
這篇文章主要介紹了深入理解JavaScript系列(31):設(shè)計(jì)模式之代理模式詳解,代理模式使得代理對象控制具體對象的引用,代理幾乎可以是任何對象:文件,資源,內(nèi)存中的對象,或者是一些難以復(fù)制的東西,需要的朋友可以參考下2015-03-03利用ajaxfileupload插件實(shí)現(xiàn)文件上傳無刷新的具體方法
利用ajaxfileupload插件實(shí)現(xiàn)文件上傳無刷新的具體方法,需要的朋友可以參考一下2013-06-06uniapp小程序自定義tabbar以及初次加載閃屏解決方法
Uniapp小程序可以通過自定義tabbar來實(shí)現(xiàn)更加個性化的界面設(shè)計(jì),下面這篇文章主要給大家介紹了關(guān)于uniapp小程序自定義tabbar以及初次加載閃屏解決方法,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05uni-app小程序沉浸式導(dǎo)航實(shí)現(xiàn)的全過程
在跨端項(xiàng)目開發(fā)中,uniapp是個不錯的框架,下面這篇文章主要給大家介紹了關(guān)于uni-app小程序沉浸式導(dǎo)航實(shí)現(xiàn)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10