Maison > Article > interface Web > Comment définir des invites d'erreur en HTML
Comment définir des invites d'erreur en HTML
- 醉折花枝作酒筹original
- 2021-06-08 14:08:122836parcourir
Vous pouvez utiliser la méthode setCustomValidity pour définir une invite d'erreur, la syntaxe est "object.setCustomValidity (contenu de l'invite)". setCustomValidity est utilisé pour déterminer si le formulaire est correct ou incorrect. En cas d'erreur, vous pouvez définir manuellement les informations d'invite. Lorsqu'il n'y a pas d'erreur, elles peuvent être définies comme vides.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
Après avoir défini une invite personnalisée à l'aide de setCustomValidity, u/uvalidity.customError deviendra true et checkValidity renverra toujours false.
De plus, la validation du formulaire détermine s'il faut demander ou non en fonction de checkValidity.
Ainsi, les propriétés de validité suivantes doivent être utilisées pour définir et annuler des invites personnalisées :
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>apprentissage recommandé : tutoriel vidéo html
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!