html5表單失去焦點(diǎn)進(jìn)行非空驗(yàn)證，并用placeholder顯示錯(cuò)誤提示

簡單改了下你的，效果實(shí)現(xiàn)了，規(guī)范的寫法自己改改吧

林芝網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)自2013年創(chuàng)立以來到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

!DOCTYPE?html??

html??

head??

meta?charset="UTF-8"/??

titlecheckValidity?示例/title?

style

input.dd::-webkit-input-placeholder{

color:?red;

opacity:1;

}?

/style

/head??

body?

form?action=""?method="get"

table?width="200%"?border="0"?cellspacing="0"?cellpadding="0"?

tr

tdinput?class=''?id='id'?name="uname"?type="text"?placeholder="ID"?onblur="aa(this)"/td

/tr

tr

tdinput?name="pwd"?type="password"?placeholder="密碼"/td

/tr

tr

tdinput?name=""?type="submit"/td

/tr

/table

/form

script?

function?aa(a){

if(a.value==''){

a.placeholder='ID不能為空';

a.className="dd";

}

}

/script

/body??

/html

html5表單驗(yàn)證只能輸入數(shù)字，看清題目，不要使用js，用html5驗(yàn)證?

其實(shí)HTML5的這個(gè)功能不是很好，只有部分瀏覽器可以用，代碼如下：

input type="number" name="points" min="1" max="100" /

關(guān)于html5表單驗(yàn)證

input 里面增加這樣的語句：

required oninvalid="setCustomValidity('必須填寫！');" oninput="setCustomValidity('');"

html5怎么用js提交，觸發(fā)表單驗(yàn)證

在表單最后放置一個(gè)button，然后在button的click事件中

通過

表單dom對(duì)象.submit()來提交表單，在提交前可以編寫校驗(yàn)邏輯或者使用jquery validate之類的表單校驗(yàn)組件來校驗(yàn)

本文標(biāo)題：html5的表單驗(yàn)證,html5表單驗(yàn)證的好處
鏈接分享：http://chinadenli.net/article26/dsgsdcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站收錄、域名注冊(cè)、網(wǎng)站建設(shè)、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)