第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

設(shè)置自定義HTML5必填字段驗(yàn)證消息

設(shè)置自定義HTML5必填字段驗(yàn)證消息

catspeake 2019-09-20 14:31:38
必填字段自定義驗(yàn)證我有一個(gè)包含許多輸入字段的表單。我已經(jīng)放了html5驗(yàn)證<input type="text" name="topicName" id="topicName" required />當(dāng)我提交表單而不填寫此文本框時(shí),它會顯示默認(rèn)消息"Please fill out this field"有人可以幫我編輯這條消息嗎?我有一個(gè)javascript代碼來編輯它,但它不起作用$(document).ready(function() {    var elements = document.getElementsByName("topicName");    for (var i = 0; i < elements.length; i++) {        elements[i].oninvalid = function(e) {            e.target.setCustomValidity("");            if (!e.target.validity.valid) {                e.target.setCustomValidity("Please enter Room Topic Title");            }        };        elements[i].oninput = function(e) {            e.target.setCustomValidity("");        };    }})電子郵件自定義驗(yàn)證我有以下HTML表單<form id="myform">    <input id="email" name="email" type="email" />    <input type="submit" /></form>我想要的驗(yàn)證消息。必填字段:請輸入電子郵件地址錯(cuò)誤電子郵件: 'testing @ .com'不是有效的電子郵件地址。(此處,輸入的電子郵件地址顯示在文本框中)我試過這個(gè)。function check(input) {      if(input.validity.typeMismatch){          input.setCustomValidity("'" + input.value + "' is not a Valid Email Address.");      }      else {          input.setCustomValidity("");      }                 }  此功能無法正常工作,您還有其他方法嗎?我們將不勝感激。
查看完整描述

3 回答

?
尚方寶劍之說

TA貢獻(xiàn)1788條經(jīng)驗(yàn) 獲得超4個(gè)贊

您只需使用oninvalid屬性即可實(shí)現(xiàn)此功能,請查看此演示代碼


<form>

<input type="email" pattern="[^@]*@[^@]" required oninvalid="this.setCustomValidity('Put  here custom message')"/>

<input type="submit"/>

</form>

http://img1.sycdn.imooc.com//5d84726f0001eaad03000087.jpg

查看完整回答
反對 回復(fù) 2019-09-20
  • 3 回答
  • 0 關(guān)注
  • 1439 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號