亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

設置自定義HTML5必填字段驗證消息

設置自定義HTML5必填字段驗證消息

catspeake 2019-09-20 14:31:38
必填字段自定義驗證我有一個包含許多輸入字段的表單。我已經放了html5驗證<input type="text" name="topicName" id="topicName" required />當我提交表單而不填寫此文本框時,它會顯示默認消息"Please fill out this field"有人可以幫我編輯這條消息嗎?我有一個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("");        };    }})電子郵件自定義驗證我有以下HTML表單<form id="myform">    <input id="email" name="email" type="email" />    <input type="submit" /></form>我想要的驗證消息。必填字段:請輸入電子郵件地址錯誤電子郵件: 'testing @ .com'不是有效的電子郵件地址。(此處,輸入的電子郵件地址顯示在文本框中)我試過這個。function check(input) {      if(input.validity.typeMismatch){          input.setCustomValidity("'" + input.value + "' is not a Valid Email Address.");      }      else {          input.setCustomValidity("");      }                 }  此功能無法正常工作,您還有其他方法嗎?我們將不勝感激。
查看完整描述

3 回答

?
尚方寶劍之說

TA貢獻1788條經驗 獲得超4個贊

您只需使用oninvalid屬性即可實現此功能,請查看此演示代碼


<form>

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

<input type="submit"/>

</form>

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

查看完整回答
反對 回復 2019-09-20
  • 3 回答
  • 0 關注
  • 1440 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號