使用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 ...