佳木斯湛栽影视文化发展公司

主頁(yè) > 知識(shí)庫(kù) > 正則表達(dá)式初運(yùn)用之認(rèn)證界面的實(shí)現(xiàn)代碼

正則表達(dá)式初運(yùn)用之認(rèn)證界面的實(shí)現(xiàn)代碼

熱門標(biāo)簽:Linux服務(wù)器 科大訊飛語(yǔ)音識(shí)別系統(tǒng) 銀行業(yè)務(wù) 電子圍欄 服務(wù)器配置 Mysql連接數(shù)設(shè)置 阿里云 團(tuán)購(gòu)網(wǎng)站

先給大家展示下效果圖:

關(guān)鍵代碼如下所示:

!DOCTYPE html>
html>
head>
meta charset="utf-8">
meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
title>Examples/title>
meta name="description" content="">
meta name="keywords" content="">
link href="" rel="stylesheet">
/head>
body>
form action="" name="form1">
table>
tr>
td>用戶名/td>
td>input type="text" name="input1" onblur="check1()"/>/td>td>div id="div1" style="color:red">/div>/td>
/tr>
tr>
td>密碼/td>
td>input type="password" name="input2" onblur="check2()"/>/td>td>div id="div2" style="color:red">/div>/td>
/tr>
tr>
td>再次輸入密碼/td>
td>input type="password" name="input3" onblur="check3()"/>/td>td>div id="div3" style="color:red">/div>/td>
/tr>
tr>
td>請(qǐng)輸入郵政編碼/td>
td>input type="text" name="input4" onblur="check4()"/>/td>td>div id="div4" style="color:red">/div>/td>
/tr>
tr>
td>輸入手機(jī)號(hào)碼/td>
td>input type="text" name="input5" onblur="check5()"/>/td>td>div id="div5" style="color:red">/div>/div>/td>
/tr>
tr>
td> 郵箱地址/td>
td>input type="text" name="input6" onblur="check6()"/>/td>td>div id="div6" style="color:red">/div>/td>
/tr>
tr>
td>生日/td>td>input type="text" name="input7" onclick="check7()"/>/td>td>div id="div7" style="color:red">/div>/td>
/tr>
tr>td>input type="submit" value="完成注冊(cè)" onclick="sub()">/td>/tr>
/table>
/form>
script type="text/javascript">
var p = false;
function check1() {
var reg=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/;
var div1=document.getElementById("div1");
if(!reg.test(document.form1.input1.value)){
div1.innerHTML="用戶名必須是4-16字母或數(shù)字組成且以字母開始";
}else{
div1.innerHTML="√";
return true;
}
}
function check2() { 
var reg=/[a-zA-Z0-9]{4,10}/;
var div2=document.getElementById("div2");
if(!reg.test(document.form1.input2.value)){
div2.innerHTML="密碼只能由英文字母和數(shù)字組成,長(zhǎng)度為4-10個(gè)字符";
}else{
div2.innerHTML="√";
return true;
}
}
function check3() {
var div3=document.getElementById("div3");
if(document.form1.input3.value==0){
div3.innerHTML="請(qǐng)?jiān)俅屋斎朊艽a";
}else if(document.form1.input3.value!=document.form1.input2.value){
div3.innerHTML="密碼不一致";
}else {
div3.innerHTML="√";
return true;
}
}
function check4() {
var reg=/^\d{6}$/;
var div4=document.getElementById("div4");
if(!reg.test(document.form1.input4.value)){
div4.innerHTML="郵政編碼必須是6個(gè)數(shù)字";
}
else{
div4.innerHTML="√";
return true;
}
}
function check5() {
var reg=/^1\d{10}$/;
var div5=document.getElementById("div5");
if(!reg.test(document.form1.input5.value)){
div5.innerHTML="手機(jī)號(hào)必須是11個(gè)數(shù)字且1開始";
}else{
div5.innerHTML="√";
return true;
}
}
function check6() {
var reg=/^[a-zA-Z][a-zA-Z0-9_]+@([a-zA-Z0-9]+.)+(com|cn)$/;
var div6=document.getElementById("div6");
if(!reg.test(document.form1.input6.value)){
div6.innerHTML="郵箱地址不是這種格式";
}else{
div6.innerHTML="√";
return true;
}
}
function check7() {
var reg=/^(\d{4})-(\d{1,2})-(\d{1,2})$/;
var div7=document.getElementById("div7");
var arr=reg.exec(document.form1.input7.value);
if(arr==null){
div7.innerHTML="生日格式為1980-05-12或1988-05-04的形式";
}else if (arr[1]1900||arr[1]>2016) {
div7.innerHTML="生日必須在1900-2014";
}else if (arr[2]1||arr[2]>12) {
div7.innerHTML="生日的月份在01~12之間";
}else if (arr[3]1||arr[3]>31) {
div7.innerHTML="生日的日期必須在01-31之間";
}else {
div7.innerHTML="√";
p = true;
}
}
function sub(){
if(check1()==truep==true check2()==truecheck3()==truecheck4()==truecheck5()==truecheck6()==true){
alert("注冊(cè)成功");
}else{
alert("注冊(cè)失敗,你還有信息沒填或不符合格式");
}
}
/script>
/body>
/html>

以上所述是小編給大家介紹的正則表達(dá)式初運(yùn)用之認(rèn)證界面的實(shí)現(xiàn)代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

您可能感興趣的文章:
  • 運(yùn)用正則表達(dá)式匹配所有表名
  • Freemaker Replace函數(shù)的正則表達(dá)式運(yùn)用
  • js編寫trim()函數(shù)及正則表達(dá)式的運(yùn)用
  • [asp]中的正則表達(dá)式運(yùn)用代碼

標(biāo)簽:蚌埠 萍鄉(xiāng) 衡水 廣元 衢州 大理 江蘇 棗莊

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《正則表達(dá)式初運(yùn)用之認(rèn)證界面的實(shí)現(xiàn)代碼》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    罗江县| 绩溪县| 平泉县| 德清县| 曲麻莱县| 轮台县| 两当县| 贵州省| 海丰县| 金坛市| 武邑县| 巫溪县| 德惠市| 万山特区| 太谷县| 本溪| 新绛县| 十堰市| 定远县| 马山县| 鱼台县| 金坛市| 来凤县| 高邑县| 华阴市| 海丰县| 华容县| 平塘县| 修文县| 资源县| 韶关市| 开平市| 长泰县| 昌吉市| 吉首市| 汤原县| 恩平市| 延边| 北票市| 齐河县| 吉木乃县|