Überprüfung, die in der Erkennungsform nicht leer (.notnull) sein kann
Funktion : Wenn mehrere (einschließlich einer) Formulare unter einem Paar Formular -Tags vorhanden sind, beurteilen Sie JS, um genau zu beurteilen, welche Elemente auf der aktuellen Taste hergestellt werden.
Verwendung : Finden Sie den Container des aktuellen Formulars unter dem Formular -Tag, um Class = "Form" und die Schaltfläche Senden des aktuellen Formulars zum Geben zu geben
Das Element, das als leer verifiziert werden muss, wird gegeben. "Notnull" nullmsg = "xx kann nicht null sein!" Eingabeaufforderung und das Formular, das logisches Urteil erfordert
Die Art des gegebenen Urteils (kann nur Zahlen sein) Überprüfung Eingabeaufforderung logicmsg = "xx kann nur Zahlen sein"
Geben Sie Class = "ErrorMessage", um Fehlermeldungsblock anzuzeigen
Geben Sie Class = "Warn", um die Fehlermeldung anzuzeigen
Verwenden Sie nicht JS-Objekt-orientierte Programmierung
Logisches Urteilsvermögen, ohne die Bedürfniskennung zu verabschieden
Extern implementiert
Global.Submitcallback -Schaltfläche Rückruffunktion
Global.ConFirMcallback bestätigen die Rückruffunktion;
Wo zu verbessern zu werden:
Noch keiner
Die Codekopie lautet wie folgt:
/// <reference path = "vendor/jquery-1.4.1-vsdoc.js"/>
*/
// $ (Dokument) .ready (
// function () {
// $ ("Form"). Find (". Notnull"). Bind ({{{
// fokus: function () {
// if ($ (this) .attr ("value") == this.DefaultValue) {
// $ (this) .attr ("Wert", "");
//}
//},
// Blur: function () {
// if ($ (this) .attr ("value") == "") {
// $ (this) .attr ("Wert", this.defaultValue);
//}
//}
//});
//}
//);
///* Methode zur Einkapselung eines universellen Erkennungsformulars*/
///event.srcelement: Das Zielobjekt, das ein Ereignis aufwirft, das häufig bei Onclick -Ereignissen verwendet wird.
///event.fromelement: Die Objektquelle, die das Ereignis erhöht, das häufig in Ereignissen aufmouseout und onmouseover verwendet wird.
///event.toelement: Nach der Erhöhung des Ereignisses verschoben die Zielquelle von der Maus, die häufig für Ereignisse für Onmouseout- und Onmouseover verwendet wird.
Funktion global () {
var _self = this;
}
Global.submitcallback = null;
Global.conFirMcallback = null;
$ (Dokument) .Ready (function () {
// Körper bilden
$ ("Körper"). Find (". Form"). Jede (Funktion () {
this.onclick = function (e) {
var button = null;
versuchen {
Taste = e.srcelement == NULL? Dokument.ActiveLeement: e.srcelement;
} catch (e) {
console.log (e.message)
Taste = document.ActiveLeement;
}
if ($ ($ (button) .is (". check")) {
// alarm ("subieren")
var sub = (checkForm (this) && checkInputRex (this) && checkSelect (this) && checkChecked (this));
if (sub) {
// Rufen Sie unseren Rückruf an, verwenden Sie jedoch unsere eigene Instanz als Kontext
Global.submitcallback.call (this, [e]);
}
Return Sub;
} else if ($ (button) .is (". bestätigen")) {
// alert ("löschen")
var sub = bestätigen ($ ($ (button) .attr ("title"));
if (sub) {
Global.conFirmCallback.call (this, [e]);
}
Return Sub;
} anders {
// // alert ("other")
zurückkehren;
}
}
});
/*Erkennung von Elementen, die in der Form nicht leer werden können*/
Funktionsprüfung (Form) {
var b = true;
$ (Form) .find (". Notnull"). Jede (Funktion () {
if ($ .trim ($ (this) .val ()). Länge <= 0) {// || $ (this) .val () == this.defaultValue
// if (this.value! = null) {
// $ (this) .attr ("Wert", "");
//}
//alert($(This).attr("MSG ")))
$ (this). Eltern ("Form"). Find (". Warn"). Text ($ (this) .attr ("nullmsg"));
$ (this) .PARENTEN (". Form"). Find (". Errormessage"). Show ();
$ (this) .Select ();
$ (this) .focus ();
return b = false;
}
});
if (b == true) {
$ (Form) .Find (". Warn"). Text ("");
$ (Form) .Find (". errormessage"). hide ();
}
Rückkehr B;
}
/*Erforderliche Dropdown-Liste im Erkennungsformular*/
Funktionsprüfung (Form) {
var b = true;
$ (Form) .find (". Select"). Jede (Funktion (i) {
var Ck = $ (this) .find ('Option: ausgewählt'). text ();
if (ck.indexof ("select")> -1) {
$ (this). Eltern ("Form"). Find (". Warn"). Text ($ (this) .attr ("nullmsg"));
$ (this) .PARENTEN (". Form"). Find (". Errormessage"). Show ();
$ (this) .Select ();
$ (this) .focus ();
return b = false;
}
});
Rückkehr B;
}
/*Erforderliche Kontrollkästchen im Erkennungsformular*/Erforderliche Kontrollkästchen
Funktion checkchecked (Form) {
var b = true;
$ (Form) .find (". Kontrollkästchen"). Jede (Funktion (i) {
var Ck = $ (this) [0].
if (! ck) {
$ (this). Eltern ("Form"). Find (". Warn"). Text ($ (this) .attr ("nullmsg"));
$ (this) .PARENTEN (". Form"). Find (". Errormessage"). Show ();
$ (this) .Select ();
$ (this) .focus ();
return b = false;
}
});
Rückkehr B;
}
// Überprüfen Sie, ob der reguläre Ausdruck übereinstimmt
Funktion getflase (Wert, reg, ele) {
if (reg.test (Wert)) {
zurückkehren;
}
$ (ele) .PARENTEN (". Form"). Find (". Warn"). Text ($ (ele) .Attr ("logicmsg"));
$ (ELE) .PARENTEN (". Form"). Find (". Errormessage"). Show ();
$ (ele) .focus ();
$ (ele) .Select ();
false zurückgeben; // kann nicht einreichen
}
Funktion checkInputRex (Formular) {
var b = true;
$ (Form) .find ("input [type = 'text']"). Jede (Funktion () {{
if (typeof ($ (this) .attr ("regex")) == 'String') {
if ($ .trim ($ (this) .val ()). Länge> 0 && $ (this) .val ()! = thefaultValue) {
// der aktuelle Formularwert
var value = $ (this) .attr ("Wert") || $ (this) .val ();
var regx = eval ($ (this) .attr ("regex"));
return b = Getflase (Wert, Regx, dies);
}
}
});
Rückkehr B;
}
/// Überprüfen Sie, ob die vom Benutzer eingegebenen entsprechenden Zeichen legal sind
/// Diese Methode ist aufgegeben
Funktion CheckInput (Formular) {
var b = true;
$ (Form) .find (". Need"). Jede (Funktion () {
if ($ .trim ($ (this) .val ()). Länge> 0 && $ (this) .val ()! = thefaultValue) {
// der aktuelle Formularwert
var value = $ (this) .attr ("Wert");
// Der Wert der ID oder das Attribut "Wert des Namens" lautet wie folgt: [name = "contact"]
var name = $ (this) .attr ("Klasse");
// Überprüfen Sie, ob der Inhalt, den Sie eingeben müssen, legal ist, z. B.: Kontaktinformationen
var len = name.split ("");
für (var i = 0; i <len.length; i ++) {
Switch ($ .trim (len [i])) {
///Kontaktinformationen
Fall "Mobile":
var reg =/^1/d {10} $/;
return b = Getflase (Wert, Reg, dies);
brechen;
Fall "E -Mail":
var reg = /^ °
return b = Getflase (Wert, Reg, dies);
brechen;
/// ist das Passwort für die zweimal das gleiche
Fall "Passwort":
brechen;
Fall "Passwort2":
if ($ ("#password"). attr ("value")!
$ (this) .Select (); // Fokus bekommen
$ (this). Eltern (". Form"). Find (". Warn"). Text ($ (this) .attr ("logicmsg"));
$ (this) .PARENTEN (". Form"). Find (". Errormessage"). Show ();
return b = false; // kann nicht einreichen
}
brechen;
Fall "Worktel":
Fall "Heimatel": // Telefon zu Hause
var reg =/^/d {8} $/;
return b = Getflase (Wert, Reg, dies);
brechen;
Fall "Post": // Postleitzahl
var reg =/^/d {6} $/;
return b = Getflase (Wert, Reg, dies);
brechen;
Fall "Bonus":
Fall "Zulage":
Fall "FixedSalary":
var reg = /^-?(??1-9 weibliche/d*/./d*|0/./d*…1-9 weibliche/d*|0?/.0+|0|;
return b = Getflase (Wert, Reg, dies);
brechen;
Fall "Identität":
var reg =/(^/d {15} $) | (^/d {18} $) | (^/d {17} (/d | x | x) $)/;
return b = Getflase (Wert, Reg, dies);
brechen;
Fall "Höhe":
var reg = /^[1-2] [0-9] [0-9] $ /;
return b = Getflase (Wert, Reg, dies);
brechen;
Fall "QQ":
var reg = /^[1-9] [0-9] {4,} $ /;
return b = Getflase (Wert, Reg, dies);
brechen;
Fall "Begintime":
Fall "Endzeit":
var reg =/^/d {4} $/;
if (reg.test (value) && (parseInt ($ (". endzeit"). val ())> parseInt ($ (". BeginTime"). Val ()))) {
Rückkehr B;
}
$ .ligerdialog.alert ($ (this) .attr ("msg"))
$ (this) .Select (); // Fokus bekommen
return b = false; // kann nicht einreichen
brechen;
Fall "Num":
var reg =/^/d+$/;
return b = Getflase (Wert, Reg, dies);
brechen;
/// Das Festland muss sich für einen Pass in Hongkong und Macau und ein Hongkong -Visum bewerben. Die privaten normalen Passnummerformate enthalten:
/// 14/15+7 Ziffern, G+8 Ziffern;
/// Der gewöhnliche Job ist: P.+7 Ziffern;
/// Das offizielle Geschäft ist: S.+7 Ziffern oder
// s+8 Ziffern, der diplomatische Pass mit D ist der
Fall "Postport": // Passnummer
var reg =/^(p/d {7} | g/d {8} | s/d {7,8} | d/d+| 1 [4,5]/d {7}) $/;
return b = Getflase (Wert, Reg, dies);
brechen;
Fall "BankAccount":
var reg = /^[0-9] {19} $ /;
return b = Getflase (Wert, Reg, dies);
brechen;
} //schalten
} //für
}
});
Rückkehr B;
}
/// Diese Methode wurde aufgegeben
});
/// Klicken Sie Klicken, um die Hintergrundfarbe zu ändern
$ (Dokument) .Ready (function () {
var Inputs = $ ("#top> .c> input");
$ (Inputs) .each (function () {
this.onclick = function () {
document.getElementById ("main"). style.backgroundcolor = this.name;
//$("#main").backgroundcolor = this.name;
}
});
});
Der obige Code ist das universelle Erkennungsformular nach der Kapselung. Ich hoffe es gefällt euch