快捷導(dǎo)航

Javascript表單驗(yàn)證要注意的事項(xiàng)

更新時(shí)間：2014年09月29日 08:54:40 投稿：hebedich

JavaScript 可用來(lái)在數(shù)據(jù)被送往服務(wù)器前對(duì) HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證。被 JavaScript 驗(yàn)證的這些典型的表單數(shù)據(jù)有：用戶是否已填寫表單中的必填項(xiàng)目？用戶輸入的郵件地址是否合法？用戶是否已輸入合法的日期？用戶是否在數(shù)據(jù)域 (numeric field) 中輸入了文本？

Javascript表單編程：

一.表單元素的查找方式:

1.var oForm=document.getElementById("Form1");

2.var oForm=document.forms[Form1]//通過(guò)name查找；

二.表單字段的共同特點(diǎn)：

disabled：該屬性用于指示一個(gè)表單控件是否可用；

form屬性：該屬性返回包含字段的表單；

blur():該方法導(dǎo)致表單字段失去焦點(diǎn)；

focus()：該方法導(dǎo)致表單字段獲得焦點(diǎn)；

blur事件:當(dāng)表單字段失去焦點(diǎn)時(shí)，發(fā)生該事件，隨后執(zhí)行onblur事件處理程序；

focus事件：當(dāng)表單字段獲得焦點(diǎn)時(shí)，發(fā)生該事件，隨后執(zhí)行onfocus事件處理程序；

三:表單提交，重置

sumbit: oForm sumbit();

reset: oForm reset();

四.獲取文本框的值：

length otext.value.length;

五:添加元素節(jié)點(diǎn)，文本節(jié)點(diǎn)，刪除元素

creatElement，creatTextNode，remove；

六：選中復(fù)選框的值：select

七:表單校驗(yàn)最佳實(shí)踐：

必須對(duì)用戶有幫助；

不要讓人討厭；

只要有可能就用HTML功能代替Javascript

一次顯示所有錯(cuò)誤；

早點(diǎn)捕獲錯(cuò)誤；

如果拿不準(zhǔn)就不要太嚴(yán)格；

您可能感興趣的文章:

相關(guān)文章

javascript原型模式用法實(shí)例詳解
這篇文章主要介紹了javascript原型模式用法,以實(shí)例形式較為詳細(xì)的分析了javascript原型模式的原理與使用技巧,需要的朋友可以參考下
2015-06-06
JavaScript constructor和instanceof,JSOO中的一對(duì)歡喜冤家
現(xiàn)在流行面向?qū)ο?JavaScript當(dāng)然要迎頭趕上. 有說(shuō)法JavaScript就是徹頭徹尾的OO語(yǔ)言,但我覺(jué)得JavaScript實(shí)現(xiàn)面向?qū)ο蟮某绦蜻€是有諸多不便的.
2009-05-05
Js生成隨機(jī)數(shù)/隨機(jī)字符串的方法小結(jié)【5種方法】
這篇文章主要介紹了Js生成隨機(jī)數(shù)/隨機(jī)字符串的方法,結(jié)合實(shí)例形式總結(jié)分析了5種Js生成隨機(jī)數(shù)/隨機(jī)字符串的操作技巧,需要的朋友可以參考下
2020-05-05
自己封裝的javascript事件隊(duì)列函數(shù)版
這篇文章主要介紹了自己封裝的javascript事件隊(duì)列函數(shù)版,兼容了大部份瀏覽器,需要的朋友可以參考下
2014-06-06
JS函數(shù)動(dòng)態(tài)傳遞參數(shù)的方法分析【基于arguments對(duì)象】
這篇文章主要介紹了JS函數(shù)動(dòng)態(tài)傳遞參數(shù)的方法,結(jié)合實(shí)例形式分析了javascript通過(guò)arguments對(duì)象獲取傳遞參數(shù)的相關(guān)操作技巧,需要的朋友可以參考下
2019-06-06
javascript中mouseover、mouseout使用詳解
這篇文章主要介紹了javascript中mouseover、mouseout使用詳解的相關(guān)資料,需要的朋友可以參考下
2015-07-07
js獲取指定日期周數(shù)以及星期幾的小例子
根據(jù)某年某周獲取一周的日期。如開始日期規(guī)定為星期四到下一周的星期五為一周，需要的朋友可以參考下
2014-06-06
js中如何把字符串轉(zhuǎn)化為對(duì)象、數(shù)組示例代碼
在本文為大家介紹下把字符串轉(zhuǎn)化為對(duì)象：把文本轉(zhuǎn)化為對(duì)象、把文本轉(zhuǎn)化為數(shù)組，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
2013-07-07
JavaScript頁(yè)面加載事件實(shí)例講解
在本篇文章中我們給大家通過(guò)實(shí)例講解一下關(guān)于JavaScript頁(yè)面加載事件的相關(guān)知識(shí)點(diǎn)內(nèi)容，有需要的朋友們可以參考下。
2019-09-09
淺談JavaScript構(gòu)造樹形結(jié)構(gòu)的一種高效算法
這篇文章主要介紹了JavaScript構(gòu)造樹形結(jié)構(gòu)的一種高效算法，對(duì)算法感興趣的同學(xué)，可以參考下
2021-05-05