Heim > Artikel > Web-Frontend > So definieren Sie Fehleraufforderungen in HTML
So definieren Sie Fehleraufforderungen in HTML
- 醉折花枝作酒筹Original
- 2021-06-08 14:08:122963Durchsuche
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.
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>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!