Überprüfung erkennen, dass das Formular nicht leer sein darf (.notnull)
Funktion: Wenn unter einem Formular-Tag-Paar mehrere Formulare (einschließlich eines) übermittelt werden müssen, verwenden Sie js, um die aktuelle Schaltfläche und diese Elemente genau zu beurteilen
Verwendung: Suchen Sie den Container des aktuellen Formulars unter dem Formular-Tag und geben Sie ihm class="form" und die Senden-Schaltfläche des aktuellen Formulars erhält class="check"
Elemente, die als leer überprüft werden müssen, erhalten die Eingabeaufforderungen class="notnull" nullmsg="xx can be empty!", und Formulare, die eine logische Beurteilung erfordern, erhalten die Eingabeaufforderung class="need"
Der Beurteilungstyp ist angegeben: class="num" (kann nur eine Zahl sein) Verifizierungsaufforderungslogikmsg="XX kann nur eine Zahl sein"
Geben Sie class="errorMessage" an, um den Fehlermeldungsblock anzuzeigen
Geben Sie class="warn" ein, um eine Fehlermeldung anzuzeigen
Keine objektorientierte js-Programmierung verwenden
Logisches Urteil, übergeben Sie nicht die Bedarfskennung, sondern geben Sie direkt das reguläre Ausdrucksattribut (benutzerdefiniert) regex="/^d$/" an, um ein Urteil zu fällen
Extern umgesetzt
Rückruffunktion der Global.submitCallback-Schaltfläche
Global.confirmCallback bestätigt die Rückruffunktion;
Bereiche mit Verbesserungspotenzial:
Keine
///
*/
//$(document).ready(
// Funktion () {
// $("form").find(".notnull").bind({
// focus: function () {
// if ($(this).attr("value") == this.defaultValue) {
// $(this).attr("value", "");
// }
// },
// Unschärfe: Funktion () {
// if ($(this).attr("value") == "") {
// $(this).attr("value", this.defaultValue);
// }
// }
// });
// }
//);
///*Methode zum Kapseln einer universellen Erkennungsform*/
///event.srcElement: Das Zielobjekt, das das Ereignis auslöst, wird häufig für Onclick-Ereignisse verwendet.
///event.fromElement: Die Objektquelle, die das Ereignis auslöst, wird häufig für onmouseout- und onmouseover-Ereignisse verwendet.
///event.toElement: Die Zielquelle, zu der sich die Maus bewegt, nachdem das Ereignis ausgelöst wurde. Sie wird häufig für Onmouseout- und Onmouseover-Ereignisse verwendet.
Funktion Global() {
var _self = this;
}
Global.submitCallback = null;
Global.confirmCallback = null;
$(document).ready(function () {
//Körper bilden
$("body").find(".form").each(function () {
This.onclick = Funktion (e) {
var button = null;
versuchen Sie es mit {
button = e.srcElement == null ? document.activeElement : e.srcElement;
} Fang (e) {
console.log(e.message)
button = document.activeElement;
}
If ($(button).is(".check")) {
//alert("submit")
var sub = (checkform(this) && CheckInputRex(this) && checkselect(this) && checkChecked(this));
if (sub) {
// Rufen Sie unseren Rückruf auf, verwenden Sie jedoch unsere eigene Instanz als Kontext
Global.submitCallback.call(this, [e]);
}
return sub;
} else if ($(button).is(".confirm")) {
//alert("delete")
var sub = bestätigen($(button).attr("title"));
if (sub) {
Global.confirmCallback.call(this, [e]);
}
return sub;
} sonst {
return true;
}
}
});
/*Elemente erkennen, die im Formular nicht leer sein dürfen*/
Funktionsprüfformular (Formular) {
var b = true;
$(form).find(".notnull").each(function () {
If ($.trim($(this).val()).length <= 0) {//|| $(this).val() == this.defaultValue
durch
//
//
//alert($(this).attr("msg"))
$(this).parents(".form").find(".warn").text($(this).attr("nullmsg"));
$(this).parents(".form").find(".errorMessage").show();
$(this).select();
$(this).focus();
return b = false;
}
});
Wenn (b == wahr) {
$(form).find(".warn").text("");
$(form).find(".errorMessage").hide();
}
return b;
}
/*Erforderliche Dropdown-Liste im Erkennungsformular*/
Funktion checkselect(form) {
var b = true;
$(form).find(".select").each(function (i) {
var ck = $(this).find('option:selected').text();
If (ck.indexOf("select") > -1) {
$(this).parents(".form").find(".warn").text($(this).attr("nullmsg"));
$(this).parents(".form").find(".errorMessage").show();
$(this).select();
$(this).focus();
return b = false;
}
});
return b;
}
/*Aktivieren Sie die erforderlichen Kontrollkästchen im Erkennungsformular*/
Funktion checkChecked(form) {
var b = true;
$(form).find(".checkbox").each(function (i) {
var ck = $(this)[0].checked;
if (!ck) {
$(this).parents(".form").find(".warn").text($(this).attr("nullmsg"));
$(this).parents(".form").find(".errorMessage").show();
$(this).select();
$(this).focus();
return b = false;
}
});
return b;
}
//Überprüfen Sie, ob es mit dem regulären Ausdruck übereinstimmt
Funktion GetFlase(value, reg, ele) {
If (reg.test(value)) {
return true;
}
$(ele).parents(".form").find(".warn").text($(ele).attr("logicmsg"));
$(ele).parents(".form").find(".errorMessage").show();
$(ele).focus();
$(ele).select();
return false; //Kann nicht gesendet werden
}
Funktion CheckInputRex(form) {
var b = true;
$(form).find("input[type='text']").each(function () {
If (typeof ($(this).attr("regex")) == 'string') {
If ($.trim($(this).val()).length > 0 && $(this).val() != this.defaultValue) {
//Der Wert des aktuellen Formulars
var value = $(this).attr("value") ||
var regx = eval($(this).attr("regex"));
return b = GetFlase(value, regx, this);
}
}
});
return b;
}
///Überprüfen Sie, ob die entsprechenden vom Benutzer eingegebenen Zeichen zulässig sind
///Diese Methode ist veraltet
Funktion CheckInput(form) {
var b = true;
$(form).find(".need").each(function () {
If ($.trim($(this).val()).length > 0 && $(this).val() != this.defaultValue) {
//Der Wert des aktuellen Formulars
var value = $(this).attr("value");
//Der Wert von id oder der Wert des Namensattributs lautet wie folgt: [name="contact"]
var name = $(this).attr("class");
// Überprüfen Sie, ob der einzugebende Inhalt legal ist, z. B.: Kontaktinformationen
var len = name.split(" ");
for (var i = 0; i < len.length; i ) {
switch ($.trim(len[i])) {
Fall „mobil“:
var reg = /^1d{10}$/;
Return b = GetFlase(value, reg, this);
Pause;
Fall „E-Mail“:
var reg = /^[w-] (.[w-] )*@[w-] (.[w-] ) $/;
Return b = GetFlase(value, reg, this);
Pause;
///Sind die beiden Passwörter konsistent?
Fall „Passwort“:
Pause;
Fall „Passwort2“:
If ($("#password").attr("value") != $("#password2").attr("value")) {
$(this).parents(".form").find(".warn").text($(this).attr("logicmsg"));
$(this).parents(".form").find(".errorMessage").show();
}
Pause;
Fall „worktel“:
case „hometel“: //Private Telefonnummer
var reg = /^d{8}$/;
Return b = GetFlase(value, reg, this);
Pause;
case "post": //Postleitzahl
var reg = /^d{6}$/;
Return b = GetFlase(value, reg, this);
Pause;
Fall „Bonus“:
Fall „Zulage“:
Fall „FixedSalary“:
var reg = /^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0 |0|[1-9]d)$/;
Return b = GetFlase(value, reg, this);
Pause;
Fall „Identität“:
var reg = /(^d{15}$)|(^d{18}$)|(^d{17}(d|X|x)$)/;
Return b = GetFlase(value, reg, this);
Pause;
Fall „Höhe“:
var reg = /^[1-2][0-9][0-9]$/;
return b = GetFlase(value, reg, this);
Pause;
Fall „qq“:
var reg = /^[1-9][0-9]{4,}$/;
return b = GetFlase(value, reg, this);
Pause;
case „begintime“:
case „endtime“:
var reg = /^d{4}$/;
if (reg.test(value) && (parseInt($(".endtime").val()) > parseInt($(".begintime").val()))) {
return b;
}
$.ligerDialog.alert($(this).attr("msg"))
$(this).select(); //获取焦点
return b = false; //不能提交
Pause;
Fall „num“:
var reg = /^d $/;
return b = GetFlase(value, reg, this);
Pause;
///大陆去香港需要办理往来港澳通行证和香港的签注.因私普通护照号码格式有:
///14/15 7 Ziffern, G 8 Ziffern;
///Das übliche ist: P. 7 Ziffern;
///Für offizielle Zwecke: S. 7 Ziffern oder
//S 8 Ziffern, beginnend mit D ist ein Diplomatenpass
case "postport": //Passnummer
var reg = /^(Pd{7}|Gd{8}|Sd{7,8}|Dd |1[4,5]d{7})$/;
Return b = GetFlase(value, reg, this);
Pause;
Fall „Bankkonto“:
var reg = /^[0-9]{19}$/;
Return b = GetFlase(value, reg, this);
Pause;
} //switch
//für
}
});
return b;
}
///Diese Methode ist veraltet
});
///Klicken Sie, um die Hintergrundfarbe zu ändern
$(document).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 die gekapselte universelle Formularerkennungsmethode. Ich hoffe, er gefällt euch.
