JS 製作註冊頁面

2021-10-05 04:33:26 字數 1255 閱讀 3038

使用js製作註冊頁面,使用正規表示式驗證該資料是否符合要求

css頁面

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd

ulinput

.clear:after

.box

.box h2

.box form

.box form ul li

.box form ul li input

.box form ul li label

.box form ul li label span

.box form button

js頁面

//自定義驗證使用者名稱的方法

function validate_strlenght(str)$/;

return regexp.test(str);

}//自定義驗證email方法

function validate_email(str)

//自定義驗證密碼的方法

function validate_pwd(str)/;

return regexp.test(str);

}//根據表單控制項的id填寫

var username=document.getelementbyid("username");

//通過id獲取元素

var email=document.getelementbyid("email");

//根據表單控制項pwd的id填寫

var pwd=document.getelementbyid("pwd");

var pwdok=document.getelementbyid("pwdok");

//通過標籤名獲取元素

var form=document.getelementsbytagname("form")[0];

//表單提交

function formsubmit()else

}//檢查使用者名稱

username.onblur=function()else

}//檢查email

email.onblur=function()else

}//密碼框失去焦點的時候

pwd.onblur=function()else

}function checkok()else

}pwdok.onkeyup=checkok;

JS案例 仿新浪註冊頁面

doctype html en utf 8 viewport content width device width,initial scale 1.0 x ua compatible content ie edge document title div message wrong right sty...

vue註冊頁面

使用者註冊 left arrow click left dot 頁面的主體css樣式 login login head 新使用者註冊 p 手機號 class inp v model mobile right icon graphic 密碼框 placeholder 密碼 class inp v mo...

註冊頁面聯絡

收藏本站 a span span class action a href 登入 a a href 註冊 a a href 我的訂單 a a href vip 會員俱樂部 a a href 客戶服務 a span div div div class content div class box div ...