Utilisez vraiment_easy_field_validation_with_prototype pour la vérification du formulaire, le contenu spécifique est le suivant
1. La première étape est bien sûr d'introduire d'abord les fichiers JS et CSS.
<link href="${ ctx}/skin/css/validation.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="${ ctx}/scripts/prototype.js"></script> <script type="text/javascript" src="${ ctx} /scripts/validation.js "> </ script>2. Ensuite, j'ai ajouté le code suivant au début de la page (j'ai mis ce code dans meta.jsp car chaque jsp le contient dans l'en-tête.)
function afteraked () {if (document.all) {var forms = document.forms; if (forms.length> 0) {for (var i = 0; i <forms.length; i ++) {if (forms [i] ["Method: Save"]) new Validation (forms [i]); }} window.ClearInterval (Inteval); entier = null; }} var Integer = Window.SetInterval ("afterLoaded ();", 500);3. Si vous souhaitez vérifier une boîte d'entrée, ajoutez simplement quelques logos à sa classe. comme
Copiez le code du code comme suit: <entrée type = "text" name = "payable.howmuch" value = "" id = "payable_howmuch" />
Cela signifie que ce champ est requis et doit être un nombre. Pour d'autres contenus, regardez simplement le code à la fin de Validation.js et vous comprendrez.
4. De plus, j'ai apporté quelques modifications à validation.js, car l'un de nos formulaires a plusieurs boutons de soumission, et généralement seul le name = le bouton Méthode: Enregistrer doit être déclenché lorsqu'il est cliqué, de sorte que la vérification JS est modifiée.
Mettez l'original
La copie de code est la suivante: if (this.options.onsubmit) event.observe (this.form, 'soumider', this.onsubmit.bind (this), false);
Passer à
La copie de code est la suivante: if (this.options.onsubmit) event.observe (this.form ["Method: Save"], 'cliquez', this.onsubmit.bind (this), false);
Il y a des problèmes avec cela, mais pour ce que nous sommes maintenant, cela convient plus.
5. Le CSS d'origine a eu un impact sur les boutons, etc., j'ai donc supprimé tout le contenu de ces frontières.
6. Ce cadre de vérification ne semble considérer que certaines situations. Si vous souhaitez l'utiliser de manière flexible, vous devez prendre le temps de le comprendre en détail. Il fournit également un mécanisme de rappel. Après avoir téléchargé sa version originale, vous pouvez voir la démonstration dans le HTML.
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.