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

Javascript表單編程：

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

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

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

二.表單字段的共同特點：

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

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

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

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

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

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

三:表單提交，重置

sumbit: oForm sumbit();

reset: oForm reset();

四.獲取文本框的值：

length otext.value.length;

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

creatElement，creatTextNode，remove；

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

七:表單校驗最佳實踐：

必須對用戶有幫助；

不要讓人討厭；

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

一次顯示所有錯誤；

早點捕獲錯誤；

如果拿不準就不要太嚴格；

您可能感興趣的文章:

相關(guān)文章

js中json處理總結(jié)之JSON.parse
parse是解析json數(shù)據(jù)多種方法中的其中一種。這篇文章主要介紹了js中json處理總結(jié)之JSON.parse,需要的朋友可以參考下
2016-10-10
Bootstrap頁面布局基礎(chǔ)知識全面解析
Bootstrap作為支持響應(yīng)式布局的一個前端插件，發(fā)揮著非常重要的作用，下面通過本文給大家介紹Bootstrap頁面布局基礎(chǔ)知識，非常不錯，具有參考借鑒價值，感興趣的朋友一起學習吧
2016-06-06
socket在egg中的使用實例代碼詳解
這篇文章主要介紹了socket在egg中的使用，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下
2019-05-05
Javascript中parseInt的正確使用方式
今天小編就為大家分享一篇關(guān)于Javascript中parseInt的正確使用方式，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2018-10-10
npm install jquery報錯問題解決
這篇文章主要為大家介紹了npm install jquery報錯問題解決分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-10-10
靈活的理解JavaScript中的this指向
this是JavaScript中的關(guān)鍵字之一，在編寫程序的時候經(jīng)常會用到，正確的理解和使用關(guān)鍵字this尤為重要。接下來通過本文給大家介紹javascript中的this，需要的朋友參考下吧
2016-02-02
JavaScript實現(xiàn)簡單的數(shù)字倒計時
這里給大家總結(jié)了一些比較常用的javascript實現(xiàn)的倒計時功能的代碼，非常的實用，有需要的小伙伴可以參考下。
2015-05-05
JavaScript中的數(shù)組遍歷forEach()與map()方法以及兼容寫法介紹
下面小編就為大家?guī)硪黄狫avaScript中的數(shù)組遍歷forEach()與map()方法以及兼容寫法介紹。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
alert中斷settimeout計時功能
在測試過程中發(fā)現(xiàn)alert會中斷settimeout的計時功能,關(guān)閉對話框后，settimeout的時間會重頭開始計時，而不是從中斷處，感興趣的朋友可以了解下
2013-07-07
微信小程序加載機制及運行機制圖解
這篇文章主要介紹了微信小程序加載機制及運行機制圖解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-11-11