js基礎 表單驗證和提交

1

<
form 
action
="/login"
method
="post"
id="form1"
>
2<
span
>使用者
span
>
3<
input 
type
="text"
name
="username"
id="username"
/><
br/>
4<
span
>密碼
span
>
5<
input 
type
="password"
name
="password"
id="passsword"
/><
br/>67
<
input 
type
="submit"
value
="提交"
>
9form
>

說明：當點選提交後，form資料就會傳送。通常提交前要校驗資料。比如長度規則等。所以需要js。　　　　

js校驗：

在from屬性後面接著新增onsubmit="return false;"屬性.表示不提交。true則相反。這裡可以用乙個方法替換。變成：

<

form 
action
="/back/login/login"
method
="post"
id="form1"
onsubmit
="return sb1();"
>

然後，書寫js驗證規則：

1

function
sb1()
9if(trim(password.value)==null || trim(password.value)=="")
1415
return
true;16
}17function trim(str)

js含義：

首先，表單元素**如下：

1

這裡關於提交，頁面切圖通常都會用a標籤或者button來提交，因為涉及到表單驗證。

同樣，js：

1

function
sb()
9if(trim(password.value)==null || trim(password.value)=="")
1415
form1.submit();
1617 }

js含義：

js提交表單及js表單驗證

1 js 字串長度限制 判斷字元長度 js限制輸入 限制不能輸入 textarea 長度限制 2 js驗證郵箱格式 3 js遮蔽關鍵字 這裡遮蔽 和 4 js兩次輸入密碼是否相同 5 js遮蔽右鍵 nc ntextmenu return false ndragstart return false o...

js提交表單及js表單驗證

if document.a.b.value.length 50 alert 不能超過 50個字元！document.a.b.focus return false 2 js驗證郵箱格式 3 js遮蔽關鍵字 這裡遮蔽 和 4 js兩次輸入密碼是否相同 with document.all if input...

js提交表單及js表單驗證

if document.a.b.value.length 50 alert 不能超過 50個字元！document.a.b.focus return false 2 js驗證郵箱格式 3 js遮蔽關鍵字 這裡遮蔽 和 4 js兩次輸入密碼是否相同 with document.all if input...