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使用百度ECharts插件繪制餅圖操作示例
這篇文章主要介紹了JavaScript使用百度ECharts插件繪制餅圖操作,結(jié)合實例形式分析了JavaScript使用百度ECharts插件繪制餅圖的原理、步驟及相關(guān)操作注意事項,需要的朋友可以參考下2019-11-11
layui問題之自動滾動二級iframe頁面到指定位置的方法
今天小編就為大家分享一篇layui問題之自動滾動二級iframe頁面到指定位置的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
用js實現(xiàn)終止瀏覽器對頁面HTML的繼續(xù)解析即停止解析 兼容firefox
用js實現(xiàn)終止瀏覽器對頁面HTML的繼續(xù)解析即停止解析 兼容firefox...2007-11-11
JS/HTML5游戲常用算法之碰撞檢測 包圍盒檢測算法詳解【凹多邊形的分離軸檢測算法】
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測 包圍盒檢測算法,結(jié)合實例形式詳細(xì)分析了javascript針對凹多邊形的分離軸檢測算法相關(guān)概念、原理、實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下2018-12-12
JS交互點擊WKWebView中的圖片實現(xiàn)預(yù)覽效果
這篇文章主要介紹了JS交互點擊WKWebView中的圖片實現(xiàn)預(yù)覽效果,需要的朋友可以參考下2018-01-01
Webpack中l(wèi)oader打包各種文件的方法實例
這篇文章主要給大家介紹了關(guān)于Webpack中l(wèi)oader打包各種文件的相關(guān)資料,其中包括處理css文件、less文件、scss文件、url地址以及ES6高級語法的方法,需要的朋友可以參考下2019-09-09

