Verwenden
1. Der erste Schritt besteht natürlich darin, zuerst JS- und CSS -Dateien einzuführen.
<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. Dann habe ich den folgenden Code zu Beginn der Seite hinzugefügt (ich habe diesen Code in meta.jsp eingelegt, weil jeder JSP ihn im Kopfziel enthält.)
function nachgeladen () {if (document.all) {var forms = document.forms; if (forms.length> 0) {for (var i = 0; i <forms.length; i ++) {if (forms [i] ["Methode: Speichern"]) Neue Validierung (Formulare [i]); }} window.clearInterval (inteVal); Integer = null; }} var integer = window.setInterval ("nachgeladen ();", 500);3. Wenn Sie ein Eingabefeld überprüfen möchten, fügen Sie einfach Logos seiner Klasse hinzu. wie
Kopieren Sie den Code -Code wie folgt: <Eingabe type = "text" name = "zahlbar
Dies bedeutet, dass dieses Feld erforderlich ist und eine Zahl sein muss. Sehen Sie sich den Code am Ende der Validierung an. Js und Sie werden es verstehen.
4. Außerdem habe ich einige Änderungen an Validation.js vorgenommen, da eine unserer Formulare mehrere Sendet -Schaltflächen enthält, und im Allgemeinen muss nur die Schaltfläche name = methode: speichern, wenn sie geklickt wird, sodass die Überprüfung JS geändert wird.
Setzen Sie den Original ein
Die Codekopie lautet wie folgt: if (this.options.Onsubmit) Event.ObServe (this.form, 'submit', this.onsubmit.bind (this), false);
Wechseln zu
Die Codekopie lautet wie folgt: if (this.options.onsubmit) Ereignis.OBSERVE (this.form ["Methode: speichern"], "klicken", this.onsuBmit.bind (this), false);
Es gibt Probleme damit, aber für das, was wir jetzt sind, ist dies besser geeignet.
5. Das ursprüngliche CSS hat einen Einfluss auf Tasten usw., also habe ich den gesamten Inhalt dieser Grenzen entfernt.
6. Dieser Verifizierungsrahmen scheint nur einige Situationen zu berücksichtigen. Wenn Sie es flexibel verwenden möchten, müssen Sie sich etwas Zeit nehmen, um es ausführlich zu verstehen. Es bietet auch einen Rückrufmechanismus. Nach dem Herunterladen der Originalversion sehen Sie die Demonstration in der HTML.
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.