表單的校驗 註冊頁面的設計

總結根據一些方法使使用者提交的資料符合我們的一些規範。

如果符合規範就可以提交資料，不符合便不可以提交。

1.在輸入框後面使用span標籤，顯示提示資訊

2.使用標籤的innerhtml屬性控制提示資訊的顯示

3.使用事件繫結方法進行校驗，常用：onkeyup和onsubmit事件控制

4.書寫要校驗的正規表示式物件

5.使用正規表示式物件的test方法進行校驗（滿足返回true，不滿足false）

1.使用onsubmit事件控制提交

2.使用onkeyup事件控制校驗

action

="registersuccess.html"
method
="post"
onsubmit
="return checkform();"
>
使用者名稱：type
="text"
name
="username"
id="usernameid"
onkeyup
="checkname();"
/>
"usernamemsg"
>
span
>
/>
/>
密碼：type
="password"
name
="password"
id="passwordid"
onkeyup
="checkpassword();"
/>
"passwordmsg"
>
span
>
/>
/>
手機號：type
="text"
name
="phone"
id="phoneid"
onkeyup
="checkphone();"
/>
"phonemsg"
>
span
>
/>
/>
type
="submit"
value
="註冊"
/>
type
="reset"
value
="重置"
/>
form
>

1.定義全域性變數獲取標籤物件

2.對使用者名稱，密碼，手機號進行校驗

3.對表單進行校驗

// 1.定義全域性變數用於接收資料

var usernameobj;
var passwordobj;
var phoneobj;
var usernamemsg;
var passwordmsg;
var phonemsg;
// 2.用生命週期函式獲取標籤物件
window.
onload
=function()
// 3.校驗使用者名稱
function
checkname()
&/;//使用者名稱以字母開頭，包含字母數字下劃線，長度6-9位
// 3.3校驗操作
if(value=="")
elseif(
!regx.
test
(value)
)else
}// 4.校驗密碼
function
checkpassword()
&///密碼是字母和數字組成，長度3-6位
// 4.3 校驗
if(value=="")
elseif(
!regx.
test
(value)
)else
}// 5.校驗手機號
function
checkphone()
&/// 5.3 校驗
if(value=="")
elseif(
!regx.
test
(vale)
)else
}// 6.表單整體校驗
function
checkform()

聽說這裡要寫總結？？？？~~

JS對註冊頁面進行表單校驗

校驗效果 html lang en 新使用者註冊 user register 已有賬號?立即登入 body reg back reg left reg left p first child reg left p last child reg center reg right reg right p ...

使用JQ完成註冊頁面（表單）的校驗

1.步驟 1.0 在頁面載入時,執行3部分操作 1.1 第1部分 必填項 1.1.1 給form表單中所有的帶 required 類名的input標籤中,新增乙個紅色的 表示必填項.1.2 第2部分 獲取焦點 失去焦點的校驗 1.2.1 獲得所有的輸入項,為輸入項新增乙個blur事件.1.2.2 獲...

註冊頁面的編寫（css html）

在web inf下方的image中用於剛入門的小白實戰練習應該很是不錯 doctype html utf 8 xinggou title 引入regist.css樣式表檔案 stylesheet href regist.css head 頭部分 header 第一行 歡迎註冊 span div 第二...