التحقق الذي لا يمكن أن يكون فارغًا (. notnull) في نموذج الكشف
الوظيفة : عندما يكون هناك العديد من النماذج (بما في ذلك واحد) تحت زوج من علامات النماذج ، استخدم JS للحكم بدقة على العناصر التي يتم إجراؤها على الزر الحالي.
الاستخدام : ابحث عن حاوية النموذج الحالي ضمن علامة النموذج لإعطاء class = "form" ، وزر إرسال النموذج الحالي لإعطاء
يتم إعطاء العنصر الذي يجب التحقق منه على أنه فارغ class = "notnull" nullmsg = "XX لا يمكن أن يكون فارغًا!" المطالبة ، والنموذج الذي يتطلب حكم منطقي يعطى فئة = "بحاجة"
نوع الحكم المعطى (يمكن أن يكون فقط أرقام) التحقق من المطالبة بالتحقق من منطق = "xx يمكن أن يكون فقط أرقام"
أعط class = "errormessage" لعرض كتلة رسالة الخطأ
أعط class = "تحذير" لعرض رسالة الخطأ
عدم استخدام البرمجة الموجهة لكائن JS
الحكم المنطقي ، لا تمر في معرف الحاجة ، إعطاء مباشرة سمة التعبير العادية (مخصص) regex = "/^/d $/" لإصدار حكم
نفذت خارجيا
Global.SubmitCallback Funning Callback Function
Global.ConfirmCallback تأكيد وظيفة رد الاتصال ؛
أين تتحسن:
لا شيء بعد
نسخة الكود كما يلي:
/// <reference path = "Pendor/jQuery-1.4.1-VSDOC.JS"/>
*/
// $ (وثيقة). جاهزة (
// وظيفة () {
// $ ("form"). Find (". notnull").
// Focus: Function () {
// if ($ (this) .attr ("value") == this.defaultValue) {
// $ (this) .attr ("value" ، "") ؛
//}
//} ،
// Blur: function () {
// if ($ (this) .attr ("value") == "") {
// $ (this) .attr ("value" ، this.defaultValue) ؛
//}
//}
//}) ؛
//}
//) ؛
///* طريقة تغليف نموذج الكشف العالمي*/
///event.srcelement: الكائن المستهدف الذي يرفع حدثًا ، وغالبًا ما يستخدم في أحداث onclick.
///event.fromelement: مصدر الكائن الذي يرفع الحدث ، وغالبًا ما يستخدم في أحداث OnMouseout و OnMouseover.
///event.toelement: بعد رفع الحدث ، تم نقل المصدر المستهدف بواسطة الماوس ، والذي يستخدم غالبًا في أحداث onMouseout و OnMouseover.
وظيفة Global () {
var _self = هذا ؛
}
Global.SubmitCallback = null ؛
Global.ConfirmCallback = null ؛
$ (وثيقة). ready (function () {
// تشكل الجسم
$ ("body"). Find (". form"). كل (وظيفة () {
this.onclick = function (e) {
زر var = null ؛
يحاول {
زر = e.srcelement == فارغ؟ document.activeElement: E.Srclement ؛
} catch (e) {
console.log (E.Message)
زر = document.activeElement ؛
}
if ($ (button) .is (". check")) {
// تنبيه ("إرسال")
var sub = (checkform (this) && checkinputrex (this) && checkselect (this) && checkchecked (this)) ؛
if (sub) {
// استدعاء رد الاتصال لدينا ، ولكن باستخدام مثيلنا الخاص كسياق
Global.SubmitCallback.call (هذا ، [E]) ؛
}
العودة الفرعية.
} آخر إذا ($ (زر) .is (". تأكيد")) {
// تنبيه ("حذف")
var sub = تأكيد ($ (button) .Attr ("title")) ؛
if (sub) {
global.confirmcallback.call (هذا ، [e]) ؛
}
العودة الفرعية.
} آخر {
// // ALERT ("Other")
العودة صحيح.
}
}
}) ؛
/*اكتشاف العناصر التي لا يمكن أن تكون فارغة في الشكل*/
وظيفة checkform (النموذج) {
var b = true ؛
$ (form) .find (". notnull"). كل (وظيفة () {
if ($ .trim ($ (this) .val ()). الطول <= 0) {// || $ (هذا) .val () == this.defaultValue
// if (this.value! = null) {
// $ (this) .attr ("value" ، "") ؛
//}
//alert($(this).attr("msg "))
$ (this) .Parents (".
$ (this) .parents (". form").
$ (هذا) .select () ؛
$ (هذا) .focus () ؛
العودة ب = خطأ ؛
}
}) ؛
if (b == true) {
$ (form) .find (". warn"). النص ("") ؛
$ (form) .find (". errormessage"). Hide () ؛
}
العودة ب ؛
}
/*القائمة المنسدلة المطلوبة في نموذج الكشف*/
الوظيفة checkselect (form) {
var b = true ؛
$ (form) .find (". select"). كل (وظيفة (i) {
var ck = $ (this) .find ('الخيار: محدد'). text () ؛
if (ck.indexof ("select")> -1) {
$ (this) .Parents (".
$ (this) .parents (". form").
$ (هذا) .select () ؛
$ (هذا) .focus () ؛
العودة ب = خطأ ؛
}
}) ؛
العودة ب ؛
}
/*مربعات الاختيار المطلوبة في نموذج الكشف*/
وظيفة checkchecked (form) {
var b = true ؛
$ (form) .find (".
var ck = $ (this) [0].
إذا (! ck) {
$ (this) .Parents (".
$ (this) .parents (". form").
$ (هذا) .select () ؛
$ (هذا) .focus () ؛
العودة ب = خطأ ؛
}
}) ؛
العودة ب ؛
}
// تحقق مما إذا كان التعبير العادي يتطابق
وظيفة getFlase (القيمة ، reg ، ele) {
if (reg.test (value)) {
العودة صحيح.
}
$ (eLe) .Parents (".
$ (eLe) .Parents (".
$ (ele) .focus () ؛
$ (ele) .select () ؛
العودة كاذبة لا يمكن تقديم //
}
وظيفة checkInputRex (النموذج) {
var b = true ؛
$ (form) .find ("input [type = 'text']"). كل (function () {
if (typeof ($ (this) .attr ("regex")) == 'string') {
if ($ .trim ($ (this) .val ()). length> 0 && $ (this) .val ()! = this.defaultValue) {
// قيمة النموذج الحالية
var value = $ (this) .attr ("value") || $ (هذا) .val () ؛
var regx = eval ($ (this) .attr ("regex")) ؛
الإرجاع B = getFlase (القيمة ، Regx ، هذا) ؛
}
}
}) ؛
العودة ب ؛
}
/// تحقق مما إذا كانت الأحرف المقابلة التي أدخلها المستخدم قانونية
/// تم التخلي عن هذه الطريقة
وظيفة checkInput (form) {
var b = true ؛
$ (form) .find (". Need"). كل (وظيفة () {
if ($ .trim ($ (this) .val ()). length> 0 && $ (this) .val ()! = this.defaultValue) {
// قيمة النموذج الحالية
var value = $ (this) .attr ("value") ؛
// قيمة المعرف أو قيمة سمة الاسم هي كما يلي: [name = "contact"]
var name = $ (this) .attr ("class") ؛
// تحقق مما إذا كان المحتوى الذي تحتاج إلى إدخاله قانونيًا ، مثل: معلومات الاتصال
var len = name.split ("") ؛
لـ (var i = 0 ؛ i <len.length ؛ i ++) {
التبديل ($ .trim (len [i])) {
/// معلومات الاتصال
حالة "Mobile":
var reg =/^1/d {10} $/؛
الإرجاع B = getFlase (القيمة ، reg ، هذا) ؛
استراحة؛
///بريد
حالة "البريد الإلكتروني":
var reg = /^ Budap/W-000000ongthers+(/.
الإرجاع B = getFlase (القيمة ، reg ، هذا) ؛
استراحة؛
/// هل كلمة المرور هي نفسها لمرتين
حالة "كلمة المرور":
استراحة؛
حالة "password2":
if ($ ("#password"). attr ("value")! = $ ("#password2"). attr ("value")) {
$ (هذا) .select () ؛ // احصل على التركيز
$ (this) .parents (".
$ (this) .parents (". form").
العودة ب = خطأ ؛ لا يمكن تقديم //
}
استراحة؛
حالة "WorkTel":
حالة "Hometel": // Home Phone
var reg =/^/d {8} $/؛
الإرجاع B = getFlase (القيمة ، reg ، هذا) ؛
استراحة؛
حالة "post": // الرمز البريدي
var reg =/^/d {6} $/؛
الإرجاع B = getFlase (القيمة ، reg ، هذا) ؛
استراحة؛
حالة "المكافأة":
حالة "بدل":
حالة "ثابتة":
var reg = /^-؟( Budap1-9/10/d*/./d*|0/./d* Budap1-9/10/d*|0؟/.0+| e bapud1-9/d) /) $/؛
الإرجاع B = getFlase (القيمة ، reg ، هذا) ؛
استراحة؛
حالة "الهوية":
var reg =/(^/d {15} $) | (^/d {18} $) | (^/d {17} (/d | x | x) $)/؛
الإرجاع B = getFlase (القيمة ، reg ، هذا) ؛
استراحة؛
حالة "الارتفاع":
var reg = /^[1-2] [0-9] [0-9] $ /؛
الإرجاع B = getFlase (القيمة ، reg ، هذا) ؛
استراحة؛
حالة "QQ":
var reg = /^[1-9] [0-9] {4 ،} $ /؛
الإرجاع B = getFlase (القيمة ، reg ، هذا) ؛
استراحة؛
حالة "Begintime":
حالة "نهاية الوقت":
var reg =/^/d {4} $/؛
if (reg.test (value) && (parseint ($ (". endtime"). val ())> parseint ($ (". begintime"). val ())))
العودة ب ؛
}
$ .ligerdialog.alert ($ (this) .ATTR ("MSG"))
$ (هذا) .select () ؛ // احصل على التركيز
العودة ب = خطأ ؛ لا يمكن تقديم //
استراحة؛
حالة "num":
var reg =/^/d+$/؛
الإرجاع B = getFlase (القيمة ، reg ، هذا) ؛
استراحة؛
/// يحتاج البر الرئيسي إلى التقدم بطلب للحصول على ممر هونغ كونغ وماكاو وتأشيرة هونغ كونغ للذهاب إلى هونغ كونغ. شكل أرقام جوازات السفر العادية الخاصة هو:
/// 14/15+7 أرقام ، G+8 أرقام ؛
/// الوظيفة العادية هي: P.+7 أرقام ؛
/// العمل الرسمي هو: S.+7 أرقام أو
// S+8 أرقام ، جواز السفر الدبلوماسي الذي يبدأ بـ D هو
حالة "postport": // رقم جواز السفر
var reg =/^(p/d {7} | g/d {8} | s/d {7،8} | d/d+| 1 [4،5]/d {7}) $/؛
الإرجاع B = getFlase (القيمة ، reg ، هذا) ؛
استراحة؛
حالة "Bankaccount":
var reg = /^[0-9] {19} $ /؛
الإرجاع B = getFlase (القيمة ، reg ، هذا) ؛
استراحة؛
} //يُحوّل
} //ل
}
}) ؛
العودة ب ؛
}
/// تم التخلي عن هذه الطريقة
}) ؛
/// انقر لتغيير لون الخلفية
$ (وثيقة). ready (function () {
var inputs = $ ("#top> .c> input") ؛
$ (المدخلات). EACH (function () {
this.onclick = function () {
document.getElementById ("main"). style.backgroundColor = this.name ؛
//$("#main").backgroundColor = this.name ؛
}
}) ؛
}) ؛
الرمز أعلاه هو نموذج الكشف العالمي بعد التغليف. أتمنى أن تعجبك