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!
Quelles sont les méthodes de production de production d'animation html5 ?
La différence entre HTML et HTML5
Comment utiliser le survol en CSS
Comment changer les paramètres entre les systèmes doubles Huawei
Que faire si la désérialisation php échoue
compression audio
Introduction à la méthode d'imbrication des répéteurs
La différence entre obtenir et publier
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
