1、lt！DOCTYPE htmllthtmllthead ltmeta charset=quotutf8quot lttitleHTML5表單驗(yàn)證lttitle ltlink rel=quotstylesheetquot type=quottextcssquot href=quotcssstylecssquot ltlink rel=quotstylesheetquot type=quottextcss；form有個(gè)onsubmit屬性，放個(gè)校驗(yàn)方法 校驗(yàn)通過(guò)return true 否則return false 返回false就不提交給服務(wù)器；1首先，給 HTML 頁(yè)面里的用戶名和密碼輸入框都定義一個(gè)id屬性，例如用戶名ltinput type=quottextquot id=quotusernamequot value=quotquot 密 碼ltinput type=quotpasswordquot id=quotpasswordquot value=quotquot 2其次，放置一個(gè)按鈕；在HTML5中內(nèi)置了很多表單的驗(yàn)證規(guī)則，這些驗(yàn)證規(guī)則會(huì)根據(jù)用戶在input元素中輸入的內(nèi)容返回一個(gè)布爾值來(lái)告訴我們表單驗(yàn)證的狀態(tài)下面我們就來(lái)列舉一些我們比較常用的內(nèi)置驗(yàn)證規(guī)則吧ValueMising規(guī)則 示例ltinput type=quottextquot；在 HTML 中，你可以通過(guò)設(shè)置表單元素的 required 屬性來(lái)實(shí)現(xiàn)多選時(shí)至少要填寫一個(gè)選項(xiàng)的驗(yàn)證具體來(lái)說(shuō)，你需要將多選的選項(xiàng)使用 input 標(biāo)簽中的 type=quotcheckboxquot 屬性表示，并且給其中至少一個(gè)選項(xiàng)添加 required 屬性以下；設(shè)置表單的驗(yàn)證消息，并結(jié)合class屬性樣式將其隱藏起來(lái) ltdiv 這里的datarule的屬性值是HTML5表單中內(nèi)置的驗(yàn)證規(guī)則中的一種 ltspan datarule=quotvalueMissingquotclass=quothidequot用戶名不能為空l(shuí)tspan ltspan data。

2、可以不在提交表單時(shí)再進(jìn)行驗(yàn)證單個(gè)驗(yàn)證完之后，點(diǎn)擊提交按鈕的時(shí)候，就不需要再次驗(yàn)證了，可以設(shè)置一個(gè)變量，在任何一個(gè)控件，不滿足的時(shí)候設(shè)置為false表單在網(wǎng)頁(yè)中主要負(fù)責(zé)數(shù)據(jù)采集功能一個(gè)表單有三個(gè)基本組成部分 表單；function checkformform var reg = ^09azAZ8$ var password = documentgetElementsByName#39password#390value var flag = regtestpassword if！flag alert#39密碼必；將原本type為text的input控件聲明為以上特殊類型，是為了給用戶呈現(xiàn)不同的輸入界面移動(dòng)平臺(tái)上支持這些不同的輸入界面，這里就不細(xì)說(shuō)，而且表單提交時(shí)會(huì)對(duì)其值做進(jìn)一步的驗(yàn)證下面展示這些新表單元素，請(qǐng)用支持這些表單元素的瀏覽器查看，IE；一JavaScript 可用來(lái)在數(shù)據(jù)被送往服務(wù)器前對(duì) HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證二下面的函數(shù)用來(lái)檢查用戶是否已填寫表單中的必填或必選項(xiàng)目假如必填或必選項(xiàng)為空，那么警告框會(huì)彈出，并且函數(shù)的返回值為 false；如果服務(wù)器上有安裝類似服務(wù)器安全狗之類的防護(hù)軟件并且開(kāi)啟了文件目錄守護(hù)的話，剛好你提交的那個(gè)目錄是被守護(hù)的目錄，禁止創(chuàng)建或禁止執(zhí)行的話，就會(huì)提示無(wú)權(quán)限的~。

3、判斷表單的value屬性，如果為空就終止提交ifdocumentgetElementByIdquotusernamequotvalue==quotquot；你好，asp也可以判斷輸入框文本是否為空，但是返回html頁(yè)面輸入框就不會(huì)獲得焦點(diǎn)了獲取焦點(diǎn)得使用jshtml代碼如下ltscriptfunction Jugemyformif == quotquotalertquot請(qǐng)輸入用戶名！quotmyform；lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quot lttitle加入驗(yàn)證的注冊(cè)頁(yè)面lttitleltscript type=quottextjavascriptquotfunction checkform1 if form1passwordvalue ！= form1confirmvalue。

4、ltform onsubmit=quot驗(yàn)證js函數(shù)quot 函數(shù)驗(yàn)證后返回true，表單就提交返回false，表單就不會(huì)提交。