Introduction de l'article de wulin.com (www.vevb.com): La méthode de vérification de formulaire super simple de HTML5 est apportée à IE et à d'autres anciens navigateurs.
Type de produit: effets dynamiques (dynamique JS, JQuery Works)
Description du travail: apportez la méthode de vérification de formulaire super simple de HTML5 à IE et à d'autres anciens navigateurs
Idée de production: écrivez un plug-in pour que les anciens navigateurs puissent également utiliser la syntaxe HTML5 pour exprimer une vérification. Il vous suffit d'intercepter l'événement de soumission en bas et d'utiliser jQuery pour déclencher l'événement non valide après avoir découvert que les règles de vérification ne sont pas respectées. Les développeurs doivent seulement lier simplement l'événement non valide pour compléter la fonction de vérification de formulaire précédemment très complexe.
Je crois que le front-end qui aime les nouvelles choses a essayé la fonction de vérification de la forme de HTML5, qui est très puissante. L'ajout requis à <ntffour> devient un élément requis.
Écrivez une expression régulière dans le motif pour forcer le format rempli. Voici une démo
<formulaire
<Entrée Payholder = Le soulignement de 3 à 5 chiffres doit être rempli de, chiffres et lettres Modèles requis = / W {3,5}>
<Type d'entrée = soumettre>
</ form>
<script src => </ script>
<script src = form.html5.js> </ script>
<cript>
$ (entrée) .bind (invalide, fonction (e) {
alerte (si incorrecte, vous devez remplir le soulignement de 3 à 5 chiffres, chiffres, lettres);
retourne false;
});
$ (html) .submit (fonction (e) {
if (e.ispropagationstopped ()) {
retour;
}
alerte (formulaire soumis avec succès);
retourne false;
});
</cript>
Très simple ou pas? Tout ce que nous devons faire est de deux étapes
1. Écrivez les règles de vérification dans des expressions régulières et placez-les dans l'attribut de modèle dans la balise d'entrée.
2.JQUERY intercepte l'événement non valide de contribution
En terminant ces deux étapes, vous pouvez terminer la vérification du formulaire dans un navigateur moderne.
Mais alors comment soutenir les anciens navigateurs? Ajoutez simplement une ligne de code
<script src = form.html5.js> </ script>
Dans le même temps, vous devez également télécharger ces trois fichiers et vous assurer que les trois fichiers sont dans le même répertoire.
(Le but de Select.htc n'a rien à voir avec la vérification du formulaire.)
Lorsque vous avez la situation suivante, vous pouvez répondre pour me contacter