註冊頁面判斷框

案例分析

首先判斷的事情是表單失去焦點 onblur

如果輸入正確則提示正確的資訊顏色為綠色小圖示變化

如果輸入不是6到16位，則提示錯誤資訊顏色為紅色 小圖示變化

因為裡面變化樣式較多，採取classname修改樣式

lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
>
div.message
.wrong
.right
style
>
head
>
>
class
="register"
>
type
="password"
class
="ipt"
>
class
="message"
>
請輸入6~16位密碼p
>
div>
>
// 1、獲取元素
var ipt = document.
queryselector
('.ipt');
var message = document.
queryselector
('.message');
// 2、註冊事件  失去焦點
ipt.
onblur
=function()
else
}script
>
body
>
html
>
```html

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

JS 製作註冊頁面

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