日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

JavaScript實現表單驗證功能

瀏覽:120日期:2023-06-13 10:53:04

本文實例為大家分享了JavaScript實現表單驗證功能的具體代碼,供大家參考,具體內容如下

以下是JavaScript的表單驗證功能,可根據JS代碼編寫出你想要的HTML和CSS的代碼。

關于正則表達式的使用,以及常用的正則表達式,筆者目前還在整理中,后期整理完成后,會將鏈接放在下面,供大家一起學習。

//1.聲明變量var emailObj;var usernameObj;var passwordObj;var confirmObj;var emailMsg;var usernameMsg;var passwordMsg;var confirmMsg;//頁面加載之后,獲取頁面中的對象window.onload = function() { emailObj = document.getElementById('email'); usernameObj = document.getElementById('username'); passwordObj = document.getElementById('password'); confirmObj = document.getElementById('confirm'); emailMsg = document.getElementById('emaileMsg'); usernameMsg = document.getElementById('usernameMsg'); confirmMsg = document.getElementById('confirmMsg');};//3.檢驗整個表單function checkForm() { var bEmail = checkEmail(); var bUsername = checkUsername(); var bPassword = checkPassword(); var bConfirm = checkCondfirm(); return bUsername && bPassword && bConfirm && bEmail;}//4.驗證郵箱function checkEmail() { var regex = /^([a-zA-Z]|[0-9])(w|-)+@[a-zA-Z0-9]+.([a-zA-Z]{2,4})$/; var value = emailObj.value; var msg = ''; if(!value) { msg = '郵箱必須填寫'; } else if (!regex.test(value)) { msg = '郵箱格式不合法'; } emailMsg.innerHTML = msg; emailObj.parentNode.parentNode.style.color = msg == ''?'black':'red'; return msg == '';}//5.驗證用戶名‘function checkUsername() { var regex = /^[a-zA-Z0-9_-]w{0,9}$/; //字母數字下劃線1-10位,不能是數字開頭 var value = usernameObj.value; //獲取usernameObj中的文本 var msg = ''; //最后的提示小事,默認為空 //如果用戶名是null或'',!value的值為false,如果不為空 !value值為true if(!value) { msg = '用戶名必須填寫'; } else if (regex.test(value)) { msg = '用戶名不合法'; } usernameMsg.innerHTML = msg; usernameObj.parentNode.parentNode.style.color = msg == ''?'black':'red'; return msg == ''; //如果提示消息為空則代表沒出錯,返回true}//6.驗證密碼function checkPassword() { var regex = /^.{6,16}$/; //任意字符,6-16位 var value = passwordObj.value; var msg = ''; if(!value) { msg = '密碼必須填寫'; } else if (!regex.test(value)) { msg = '密碼不合法'; } passwordMsg.parentNode.parentNode.style.color = msg == ''?'black':'red'; return msg == '';}//7.驗證確認密碼function checkCondfirm() { var passwordValue = passwordObj.value; var confirmValue = confirmObj.value; var msg = ''; if(!confirmValue) { msg = '確認密碼填寫'; } else if (passwordValue != confirmValue) { msg = '密碼必須保持一致'; confirmMsg.innerHTML = msg; confirmObj.parentNode.parentNode.style.color = msg == ''?'black':'red'; return msg == '';}

以下代碼是簡單的測試郵箱是否匹配成功的代碼,可根據下面來實現具體的邏輯

<!DOCTYPE html><html lang='zh-CN'><head> <meta charset='UTF-8'> <title>Document</title></head><body> <input type='text' placeholder='請輸入郵箱' id='email'></body><script> email.onchange = function(){ var email = this.value; var reg = /^([a-zA-Z]|[0-9])(w|-)+@[a-zA-Z0-9]+.([a-zA-Z]{2,4})$/; if(reg.test(email)){ alert('郵箱格式正確'); }else{ alert('郵箱格式不正確'); } }</script></html>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
成人在线视频中文字幕| 欧美.日韩.国产.一区.二区| 亚洲欧美日韩视频二区| 国产亚洲精品v| 亚洲欧美日韩国产| 亚洲九九精品| 久久国产精品色av免费看| 国产精品白丝久久av网站| 国产精久久一区二区| 麻豆91精品视频| 国产精品成人3p一区二区三区| 麻豆精品一区二区综合av| 国产白浆在线免费观看| 1024精品一区二区三区| 蜜臀久久久久久久| 久久国产精品色av免费看| 91视频一区| 91久久午夜| 日本欧美久久久久免费播放网| 久久影院一区二区三区| 欧美日韩精品免费观看视欧美高清免费大片| 日韩中文视频| 一区二区亚洲视频| 国产精品xxx| 91精品蜜臀一区二区三区在线| 亚洲欧美日韩国产一区二区| 国产日产一区| 久久久久久一区二区| 午夜精品影院| 欧美久久一区二区三区| 国产一区二区三区不卡av| 1024精品一区二区三区| 综合一区二区三区| 国产h片在线观看| 石原莉奈在线亚洲二区| 国产精品三p一区二区| 久久久久久久久丰满| 亚洲精品无播放器在线播放| 麻豆mv在线观看| 亚久久调教视频| 国产精品2区| 免费成人网www| 国产精品欧美在线观看| 激情综合亚洲| 国产精区一区二区| 国产精品97| 欧美成人一二区| 午夜在线播放视频欧美| 精品久久久网| 天堂va在线高清一区| 久久免费国产| 欧美黄色一区二区| 亚洲日产av中文字幕| 久久国产直播| 国产精品乱战久久久| 欧美性感美女一区二区| 国产色噜噜噜91在线精品| 亚洲黄色在线| 福利一区在线| 奇米777国产一区国产二区| 欧美成人高清| 国产拍在线视频| 国产毛片一区二区三区| 日韩视频一区| 中文字幕在线视频网站| 国产乱码精品一区二区三区亚洲人 | 丝袜诱惑一区二区| 国产精品亚洲成在人线| 黑丝一区二区三区| 日韩欧美字幕| 国产美女高潮在线观看| 久久精品一区二区国产| 日韩欧美激情| 亚洲精品综合| 夜夜精品视频| 久久精品国产www456c0m| 国产91欧美| 精品午夜av| 欧美极品中文字幕| 国产日韩欧美一区二区三区在线观看 | 日韩一级网站| 四虎884aa成人精品最新| 色乱码一区二区三区网站| 国产精品亚洲人成在99www| 日本电影久久久| 日本少妇一区二区| 亚洲精品在线国产| 午夜电影一区| 亚洲精品一区二区在线播放∴| 丝袜亚洲另类欧美| 日韩制服丝袜先锋影音| 国产亚洲综合精品| 日韩中文影院| 日韩欧美综合| 日韩深夜视频| 婷婷综合六月| 88xx成人免费观看视频库| 91欧美国产| 欧美日韩中文字幕一区二区三区 | 精品国产不卡| 国产91在线播放精品| 久久男人天堂| 国产在线日韩| 香蕉成人久久| 91精品国产一区二区在线观看 | 视频在线观看一区| 亚洲精品字幕| 日本少妇一区二区| 麻豆精品久久久| 精品欧美日韩精品| 深夜视频一区二区| 亚洲欧美激情诱惑| 日本不卡一区二区三区| 国产精品大片| 成人亚洲欧美| 91久久国产| 亚洲91网站| 国产精品草草| 精品捆绑调教一区二区三区| 黄色国产精品| 日韩动漫一区| 国产成人久久| 激情综合在线| 中文字幕日韩亚洲| 国产精品男女| 免费看av不卡| 免费久久99精品国产自在现线| 日本不卡高清视频| 麻豆国产欧美一区二区三区| 免费观看亚洲| 综合在线一区| 精品国产乱码久久久| 91精品观看| 69堂精品视频在线播放| 国产高潮在线| 久久香蕉精品| 国产高清亚洲| 99成人在线视频| 美女国产一区| 精品国产鲁一鲁****| 午夜在线精品偷拍| 精品视频97| 夜夜嗨av一区二区三区网站四季av| 国产欧美一区二区色老头| 日韩久久精品| 午夜精品影视国产一区在线麻豆| 蜜桃久久久久| 狠狠久久婷婷| 国产剧情一区二区在线观看| 日韩三区在线| 久久狠狠久久| 亚洲高清影视| 国产精品久久乐| 一区在线免费| 精品女同一区二区三区在线观看| 欧美在线资源| 久久精品国产久精国产爱| 亚洲成人三区| 精品高清久久| 婷婷五月色综合香五月| 欧美精选视频一区二区| 欧美日本二区| 免费不卡中文字幕在线| 精品一二三区| 日韩精品亚洲专区在线观看| 亚洲高清av| 国产成人免费| 亚洲人成网站在线在线观看| 成人国产精品| 国产精品扒开腿做爽爽爽软件| 蜜桃一区二区三区在线| 99久久婷婷| 精品一区二区三区免费看| 日韩高清中文字幕一区| 日韩午夜高潮| 久久亚洲专区| 亚洲黄色免费av| 麻豆精品视频在线| 欧美日韩黄网站| 综合国产在线| 香蕉精品999视频一区二区| 日韩精品dvd| 久久久久九九精品影院| 日韩欧美四区| 蜜臀av性久久久久蜜臀aⅴ四虎 | 国产专区一区| 中文字幕高清在线播放| 你懂的国产精品永久在线| 亚洲精品高潮| 在线一区二区三区视频| 国产日韩专区| 欧美另类综合| 激情久久久久久久| 国产麻豆久久| 国产精品yjizz视频网| 精品亚洲二区| 国产精品久久久久久久久久妞妞| 亚洲精品国产日韩| 亚洲精品自拍| 日本va欧美va精品发布|