十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
這篇文章主要介紹JS怎么使用正則表達式判斷輸入框失去焦點事件,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
網(wǎng)站建設(shè)、做網(wǎng)站的開發(fā),更需要了解用戶,從用戶角度來建設(shè)網(wǎng)站,獲得較好的用戶體驗。成都創(chuàng)新互聯(lián)公司多年互聯(lián)網(wǎng)經(jīng)驗,見的多,溝通容易、能幫助客戶提出的運營建議。作為成都一家網(wǎng)絡(luò)公司,打造的就是網(wǎng)站建設(shè)產(chǎn)品直銷的概念。選擇成都創(chuàng)新互聯(lián)公司,不只是建站,我們把建站作為產(chǎn)品,不斷的更新、完善,讓每位來訪用戶感受到浩方產(chǎn)品的價值服務(wù)。
效果圖

項目的正則表達式規(guī)則
1:用戶名: 大寫字母開頭 6-20位字符(不允許有符號但是允許有_)
2:密碼 大寫開頭 數(shù)字字母符號混合 8-15位
3:確認密碼 大寫開頭 數(shù)字字母符號混合 8-15位
4:郵箱 郵箱格式
5:手機號 手機號格式
6:身份證號 身份證號格式
7:地址 中文開頭 數(shù)字 - 字母 中文混合
項目目錄

html代碼
由于無法上傳bootstrap.min.css
需要樣式的需要前往官網(wǎng)下載
bootstrap中文網(wǎng)
js代碼
//輸入框的校驗
/**輸入框的校驗 消息顯示區(qū)域的ID 必須按照eleId+"s"
* @param {Object} eleId
* @param {Object} rule
*/
function reg(eleId,rule){
//動態(tài)的添加一個消息顯示標簽
var inputValue = document.getElementById(eleId).value;
var result = rule.test(inputValue.trim());
if(result && inputValue != ""){
document.getElementById(eleId+"s").innerHTML="√";
document.getElementById(eleId+"s").style.color="green";
}else{
document.getElementById(eleId+"s").innerHTML="×";
document.getElementById(eleId+"s").style.color="red";
}
}以上是“JS怎么使用正則表達式判斷輸入框失去焦點事件”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!