So definieren Sie Fehleraufforderungen in HTML-H5-Tutorial-php.cn

So definieren Sie Fehleraufforderungen in HTML

醉折花枝作酒筹

Freigeben： 2021-06-08 15:12:46

Original

2861 Leute haben es durchsucht

Sie können die setCustomValidity-Methode verwenden, um eine Fehleraufforderung zu definieren. Die Syntax lautet „object.setCustomValidity(prompt content)“. setCustomValidity wird verwendet, um zu bestimmen, ob das Formular korrekt oder falsch ist. Sie können die Eingabeaufforderungsinformationen manuell festlegen, wenn ein Fehler vorliegt, und sie auf leer setzen, wenn kein Fehler vorliegt.

So definieren Sie Fehleraufforderungen in HTML

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Nach dem Festlegen einer benutzerdefinierten Eingabeaufforderung mit setCustomValidity wird u/uvalidity.customError zu „true“ und checkValidity gibt immer „false“ zurück.

Darüber hinaus bestimmt die Formularvalidierung basierend auf checkValidity, ob eine Eingabeaufforderung erfolgt oder nicht.

Daher sollten die folgenden Gültigkeitseigenschaften verwendet werden, um benutzerdefinierte Eingabeaufforderungen festzulegen und abzubrechen:

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>

Nach dem Login kopieren

Empfohlenes Lernen: HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo definieren Sie Fehleraufforderungen in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!