完成登入與註冊頁面的前端

2022-08-31 01:48:10 字數 4374 閱讀 6033

完成登入與註冊頁面的html+css+js,其中的輸入項檢查包括:

使用者名稱6-12位

首字母不能是數字

只能包含字母和數字

密碼6-12位

註冊頁兩次密碼是否一致

登入:html

1

doctype html

>

2<

html

lang

="en"

>

3<

head

>

4<

meta

charset

="utf-8"

>

5<

title

>登入

title

>

6<

link

href

="../static/css/ll.css"

rel="stylesheet"

type

="text/css"

>

7<

script

src="../static/js/hl.js"

>

script

>89

head

>

1011

<

body

>

12<

div><

h1>武林|登入

h1>

div>

1314

<

div

class

="box"

>

1516

<

div

class

="input_box"

>

17 姓名:<

input

type

="text"

id="uname"

placeholder

="敢問閣下大名"

>

18div

>

19<

br>

20<

div

class

="input_box"

>

21 密碼:<

input

type

="password"

id="upass"

placeholder

="請輸入通關密碼"

>

22div

>

23<

br>

24<

div

id="error_box"

><

br>

div>

25<

div

class

="input_box"

>

26<

button

onclick

="fnlogin()"

>登入

button

>

2728

div>

29<

br>

30div

>

3132

div>

33body

>

34html

>

js

1

function

fnlogin() else

if ((ouname.value.charcodeat(0)>=48) && (ouname.value.charcodeat(0)<=57)) else

for (var i=0 ; i)19}

20if(oupass.value.length<6 || oupass.value.length>12)

24 window.alert("登入成功")

註冊:html

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>註冊

title

>

<

link

href

="../static/css/ll.css"

rel="stylesheet"

type

="text/css"

>

<

script

src="../static/js/hl.js"

>

script

>

head

>

<

body

>

<

div><

h1>武林|註冊

h1>

div>

<

div

class

="box"

>

<

div

class

="input_box"

>

請輸入賬號:

<

input

id="name"

type

="text"

placeholder

="請輸入使用者名稱"

><

br>

div>

<

br>

<

div

class

="input_box"

>

請輸入密碼:

<

input

id="password"

type

="password"

placeholder

="請輸入密碼"

><

br><

br>

請確認密碼:

<

input

id="password2"

type

="password"

placeholder

="請再次輸入密碼"

><

br>

div>

<

br>

<

div

id="error_box"

><

br>

div>

<

div

class

="input_box"

>

<

button

onclick

="fnlogin()"

>註冊

button

>

div>

<

br>

div>

div>

body

>

html

>

js

function

fnlogin()

else

if ((ouname.value.charcodeat(0)>=48) && ouname.value.charcodeat(0)<=57)

else

for(var i=0;i)

}if(opassword.value.length<6||opassword.value.length>12)

if(opassword2.value!=opassword.value)

window.alert("註冊成功!")

完成登入與註冊頁面的前端

完成登入與註冊頁面的html css js,其中的輸入項檢查包括 使用者名稱6 12位 首字母不能是數字 只能包含字母和數字 密碼6 12位 註冊頁兩次密碼是否一致 登陸doctype html html lang en head meta charset utf 8 title title tit...

完成登入與註冊頁面的前端

完成登入與註冊頁面的html css js,其中的輸入項檢查包括 使用者名稱6 12位 首字母不能是數字 只能包含字母和數字 密碼6 12位 註冊頁兩次密碼是否一致 賬號 密碼 登入取消 h3 outbox input box error box body function mylogin else...

完成登入與註冊頁面的前端

完成登入與註冊頁面的html css js,其中的輸入項檢查包括 使用者名稱6 12位 首字母不能是數字 只能包含字母和數字 密碼6 12位 註冊頁兩次密碼是否一致 en demo www class box header style background color aquamarine cont...