首頁 > 文章 > web前端 > html如何定義錯誤提示

html如何定義錯誤提示

醉折花枝作酒筹原創: 2021-06-08 14:08:122969瀏覽

可以使用setCustomValidity方法定義錯誤提示，語法「物件.setCustomValidity(提示內容)」。 setCustomValidity用來判斷表單的正誤，有錯誤時可以手動設定提示訊息，無錯誤時設定為空即可。

html如何定義錯誤提示

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

使用setCustomValidity設定了自訂提示後，u/uvalidity.customError就會變成true，則checkValidity總是會回傳false。

而且，表單驗證是根據checkValidity來決定是否要提示的。

所以，應該使用validity的以下屬性來設置和取消自定義提示：

badInput，customError，patternMismatch，rangeOverflow，rangeUnderflow，stepMismatch，tooLong，typeMismatch，valid，valueMissing

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>自定义错误提示信息</title>
    <script type="text/javascript">
    function CheckForm(frm){
  var name=frm.name;
  if(name.value==""){
    name.setCustomValidity("请填写您的姓名！");   /* 自定义错误提示 */
  }else{
    name.setCustomValidity("");                 /* 取消自定义错误提示 */
  }}</script>
  </head>
  <body>
    <p>
  <form action="" method="post">
    姓名：    <input id="name" name="name" placeholder="First and Last Name" required />
    <input type="submit" value="提交" onClick="CheckForm(this.form)" />
  </form>
</p>
</body>
</html>

推薦學習：html影片教學

以上是html如何定義錯誤提示的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：怎麼下載Html頁面下一篇：怎麼下載Html頁面

看更多