js表單驗證,給出友好的提示

2021-10-06 16:19:49 字數 2152 閱讀 3254

注意:

只做非空驗證, 只是個小demo

學習思想,onblur onfocus onsubmit的使用,給出友好提示

網上有很多有良好,強大的控制項,用於使用者輸入

function

check_form

(form)}}

return

true;}

function

check_item

(obj)

case

"age":if

(value =="")

/*case "gender":

break;*/

case

"birthday":if

(value =="")

}return

true;}

function

check_focus

(obj)

<

/script>

<

!doctype html>

"utf-8"

/>

<

/title>

table

td .change_color

<

/style>

<

!-- 類選擇器, 不符合條件, 改變label的顏色 --

>

// 在上面

<

/script>

<

/head>

"post" onsubmit=

"return check_form(this)"

>

"center" border=

"1px" cellpadding=

"0" cellspacing=

"0">

姓名<

/td>

"text" name=

"name" onblur=

"check_item(this)" onfocus=

"check_focus(this)"

/>

="change_color"

>

<

/label>

<

/td>

<

/tr>

年齡<

/td>

"text" name=

"age" onblur=

"check_item(this)" onfocus=

"check_focus(this)"

/>

="change_color"

>

<

/label>

<

/td>

<

/tr>

性別<

/td>

"radio" name=

"gender" value=

"男" checked=

"checked"

/>男

"radio" name=

"gender" value=

"女"/

>女

<

/td>

<

/tr>

生日<

/td>

"text" name=

"birthday" onblur=

"check_item(this)" onfocus=

"check_focus(this)"

/>

="change_color"

>

<

/label>

<

/td>

<

/tr>

"2">

"submit" value=

"提交"

/>

"reset" value=

"重置"

/>

<

/td>

<

/tr>

<

/table>

<

/form>

<

/body>

<

/html>

Js 表單驗證

兩個日期比較 用途 檢查開始日期是否小於等於結束日期 輸入 s 字串 開始日期 格式 2001 5 4 e 字串 結束日期 格式 2002 5 4 返回 如果通過開始日期小於等於結束日期返回 true,否則返回 false function data compare s,e d d if r nul...

JS表單驗證

1.長度限制 2.只能是漢字 3.只能是英文本母 4.只能是數字 5.只能是英文本母和數字 6.檢驗時間大小 與當前時間比較 7.遮蔽關鍵字 這裡遮蔽 和 8.兩次輸入密碼是否相同 9.表單項不能為空 10.郵箱驗證 11.驗證手機號 12.驗證身份證號碼 需是有效身份證 13.js正規表示式 例子...

js表單驗證

列出一些常用的格式驗證的js方法,以備查詢。檢查是否為數字 function checkisinteger str if str.search 0 9 0 else 檢查是否整數 function checknum str str str 1 tostring if str.indexof 1 re...