Ü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.
Empfohlene Tools zur Festplattenerkennung
So stellen Sie den Browserverlauf auf dem Computer wieder her
Was ist der Zweck der Speicherverwaltung?
Was ist eine URL?
Methode zum Öffnen der Bereichsberechtigung
Was bedeutet „Netzwerkzugriff verweigert' WLAN?
So ändern Sie die IP-Adresse
ASUS Laptop-Kühlung
