validation du formulaire html5
天蓬老师
天蓬老师 2017-07-06 10:35:42
0
2
1170

Comment implémenter les cases de vérification natives en HTML5, telles que obligatoire, modèle, etc., lorsque la vérification n'est pas valide ? Pourquoi une boîte de dialogue avec un contenu différent apparaît-elle lorsqu'elle n'est pas valide car différentes contraintes ne sont pas respectées ? Est-il implémenté en combinant l'événement invalide et l'attribut de validité ? Comment fonctionne la méthode setCustomValidity() ? J'ai l'impression que ce contenu devient de plus en plus confus à mesure que je le lis, j'aimerais donc demander conseil à des experts...

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

répondre à tous(2)
曾经蜡笔没有小新

Allez voir la vérification du formulaire sur MDN, je pense que c'est assez clair. Vous pouvez suivre la petite démo et vous le comprendrez lentement.

伊谢尔伦

obligatoire : Vérification en blanc, par exemple :

<form>
    <input type="text" required oninvalid="setCustomValidity('此处不能为空!')" oninput=('setCustomValidity()')>
    <input type="submit" value="提交">
</form>

Si la valeur de input[type=text] est vide, une boîte de dialogue apparaîtra et la soumission du formulaire sera empêchée
pattern : correspond à une expression régulière, par exemple :

 ;
<form>
    <input type="text" pattern="[0-9]{3}" oninvalid="setCustomValidity('请输入3个数字!')" oninput=('setCustomValidity()')>
    <input type="submit" value="提交">
</form>

Si la valeur de input[type=text] n'est pas à 3 chiffres, une invite sera émise lorsque vous cliquerez sur le bouton Soumettre

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal