ملخص Validform التحقق من نموذج

لقد تم استخدام التحقق من النموذج في مشروعي الأخير،واخترت Validform_v5.3.2;

دعنا نتعرف أولاً على بعض المعلمات الأساسية:

طريقة التحقق من النموذج العامة:

Demo:

$(".demoform").Validform({//$(".demoform") يشير إلى النموذج الذي يجب التحقق منه،الاسم يجب أن يكون موجودًا في نموذج form;
btnSubmit: "#btn_sub", //#btn_sub هو الزر الذي يجب ربطه بتقديم النموذج في هذا النموذج;إذا كان يحتوي النموذج على زر تقديم يمكن تجاهل هذا المعامل;
btnReset: ".btn_reset",//اختياري .btn_reset هو الزر الذي يجب ربطه بتفعيل عملية إعادة تعيين النموذج في هذا النموذج;
tiptype: 1, //اختياري 1=>نافذة رسائل،2=>معلومات جانبية (parent.next.find; مع افتراضي نافذة رسائل)،3=>معلومات جانبية (الأشقاء؛ مع افتراضي نافذة رسائل)،4=>معلومات جانبية (الأشقاء؛ بدون نافذة رسائل)،الافتراضي 1،يمكن أيضًا إرسال function لتخصيص طريقة عرض رسائل التحقق (يمكن تحقيق أي تأثير تريده،انظر إلى الصفحة التجريبية للتفاصيل);
ignoreHidden: false,//اختياري true | false افتراضي false،عندما يكون الحالة true لا يتم التحقق للعناصر التي تحتوي على خاصية :hidden;
dragonfly: false,//اختياري true | false افتراضي false،عندما يكون الحالة true لا يتم التحقق عند وجود قيمة فارغة;
tipSweep: true,//اختياري true | false افتراضي false،يتم تفعيل التحقق فقط عند تقديم النموذج،وفي الحالة التي لا يتم تفعيلها عند حدوث حدث blur (سيتم التحقق في الخلفية،ونعم سيتم عرض النتائج)
label: ".label",//اختياري اختصار، بدون ربط nullmsg يبحث عن النصوص التي يجب عرضها،الافتراضي يبحث عن النصوص تحت ".Validform_label";
showAllError: false,//اختياري true | false،true: عرض جميع رسائل أخطاء التحقق عند تقديم النموذج،false: يوقف التحقق عند إيجاد خطأ في التحقق فقط، ويظهر رسالة الخطأ الخاصة بالعنصر فقط;
postonce:true, //اختياري: ما إذا كان يمكن تقديم النموذج مرة واحدة فقط، القيمة الافتراضية هي false;
ajaxPost:true, //يتم تقديم بيانات النموذج باستخدام طريقة ajax، القيمة الافتراضية هي false، عنوان التقدم هو العنوان المحدد في action;
datatype:{//تقديم نوع datatype المخصص، يمكن أن يكون تعبيرًا عاديًا أو دالة (الدالة ستتلقى معاملًا واحدًا);
"*6-20": /^[^\s]{6,20}$/,
"z2-4" : /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,4}$/,
"username":function(gets,obj,curform,regxp){
//المعامل gets هو القيمة المكتسبة من عنصر النموذج، obj هو العنصر الحالي للنموذج، curform هو النموذج الحالي، regxp هو استدلالات بعض التعبيرات العادية المدمجة;
var reg1=/^[\w\.]{4,16}$/,
reg2=/^[\u4E00-\u9FA5\uf900-\ufa2d]{2,8}$/;
if(reg1.test(gets)){return true;}
if(reg2.test(gets)){return true;}
return false;
//انتبه أن return يمكنه العودة بأي من القيم: true أو false أو نص، true يعني أن التحقق مر، النص الذي يتم العودة به يعني أن التحقق فشل، ويتم عرض النص كرسالة خطأ، ويعتمد return false على errmsg أو رسالة الخطأ الافتراضية;
}
"phone":function(){
//بعد إصدار 5.0، من أجل تحقيق تأثير التحقق من إحدى الخيارين، لا يجب أن يبدأ اسم datatype بالنسبة "option_"; 
}
}
usePlugin:{
swfupload:{},
datepicker:{},
passwordstrength:{},
jqtransform:{
selector:"select,input"
}
}
beforeCheck:function(curform){
//الدالة التي تتم تنفيذها قبل تنفيذ التحقق في تقديم النموذج، معامل curform هو نموذج الحالي.
//هذا يعني إذا تم تعريف return false هنا فإن عملية التحقق لن تستمر; 
}
beforeSubmit:function(curform){
//الدالة التي تتم تنفيذها قبل تقديم النموذج، معامل curform هو نموذج الحالي.
//هذا يعني إذا تم تعريف return false هنا فإن النموذج لن يتم تقديمه; 
}
callback:function(data){
//بيانات العودة data هي في تنسيق json،{"info":"demo info","status":"y"}
//info: معلومات التوجيه；
//status: حالة تقديم البيانات،هل تم تقديمها بنجاح؟يمكن استخدام "y" لتعبير عن النجاح في التقديم،"n" لتعبير عن فشل التقديم،في بيانات العودة في ملف ajax_post.php،يمكن تحديد رمز محدد،يُستخدم بشكل رئيسي في دالة callback للتنفيذ العمليات التدفقية المناسبة;
//يمكنك أيضًا الحصول على معلومات إضافية في ملف ajax_post.php هنا،للقيام بالعمليات المطلوبة؛
//سيتم تنفيذ التدفق التدفق عند حدوث خطأ في الخادم أثناء ajax أيضًا،في هذه الحالة،هو data { status:**, statusText:**, readyState:**, responseText:** }；
//إجراء التدفق هنا;
//ملاحظة: إذا لم يتم تقديم النموذج بطريقة ajax،تم إدخال callback،في هذه الحالة،هو معامل data هو كائن النموذج الحالي،سيتم تنفيذ الدالة التدفق بعد مراجعة التحقق من النموذج،ثم يتم التحقق من تقديم النموذج،إذا كان return false في callback،لن يتم تقديم النموذج،إذا كان return true أو لم يكن هناك return،سيتم تقديم النموذج.
}
});
طرق كائن Validform وخصائصه：
tipmsg : معلومات التوجيه المخصصة،من خلال تعديل قيمة هذا الخصوصية في كائن Validform،يمكن استخدام نصوص التوجيه المختلفة في نماذج مختلفة على نفس الصفحة؛
dataType : الحصول على بعض القوالب النمطية المدمجة；
eq(n) : الحصول على العنصر رقم n من كائن Validform；
ajaxPost(flag,sync,url) : تقديم النموذج بطريقة ajax. إذا كان flag = true،سيتم السكوت عن التحقق مباشرة وتقديم النموذج،إذا كان sync = true،سيتم تقديم ajax بشكل متزامن،إذا تم إدخال عنوان URL،سيتم تقديم النموذج إلى هذا العنوان；
abort() : إنهاء تقديم ajax；
submitForm(flag,url) : تقديم النموذج بطرق معينة محددة في المعاملات،إذا كان flag = true،سيتم السكوت عن التحقق مباشرة وتقديم النموذج،إذا تم إدخال عنوان URL،سيتم تقديم النموذج إلى هذا العنوان；
resetForm() : إعادة تعيين النموذج；
resetStatus() : إعادة تعيين حالة تقديم النموذج. إذا تم إدخال معامل postonce، سيتم تعيين حالة النموذج على "posted" بعد تقديم النموذج بنجاح، وإعادة تعيين حالة التقديم سيمكن من استمرار تقديم النموذج؛
getStatus() : الحصول على حالة تقديم النموذج،normal : لم يتم تقديمها،posting : يتم تقديمها حاليًا،posted : تم تقديمها بنجاح من قبل؛
setStatus(status): يتم تعيين حالة تقديم النموذج، يمكن تعيينها إلى normal،posting،posted ثلاثة أنواع من الحالات، إذا لم يتم تقديم أي معلمات، يتم تعيين الحالة إلى posting، هذه الحالة يمكن فيها التحقق من النموذج، ولكن لا يمكن تقديم النموذج؛
ignore(selector): يتم تجاهل التحقق للعناصر المحددة؛
unignore(selector): يتم استعادة تأثير التحقق للعناصر التي تم تجاهلها باستخدام ignore method؛
addRule(rule): يمكن من خلال هذه الطريقة في Validform ربط قواعد التحقق للعناصر النموذجية؛
check(bool,selector): يتم التحقق من العنصر المحدد (بتحديد النموذج الكامل حاليًا كمعيار) بتأكيد، إذا تم العثور على صحة، يتم العودة إلى true، وإلا يتم العودة إلى false (التحقق من العناصر المحددة بشكل ديناميكي، إذا كانت الصيغة متوافقة، يتم العودة إلى true دون انتظار استجابة ajax)، إذا كان bool صحيحًا، يتم التحقق فقط دون عرض رسائل التحقق؛
config(setup): يمكن من خلال هذه الطريقة تعديل المعلمات التأسيسية، تحديد عنوان الموقع الذي يتم فيه تقديم النموذج، وتعيين المعلمات للتحقق من النموذجajax والتحقق الفوريajax؛

فيما يلي رابط تحميل demo، يمكنكم تنزيله إذا احتجتم.

رابط تحميل demo

ما تم ذكره أعلاه هو ملخص Validform للتحقق من صحة النموذج الذي قدمته المحرر للجميع، آمل أن يكون هذا مفيدًا لكم، إذا كان لديكم أي استفسارات، فلا تترددوا في ترك تعليق، وسأقوم بالرد على رسائلكم في الوقت المناسب. وأود أيضًا أن أعبر عن امتناني للجميع لدعم موقع呐喊 لتعليم البرمجة!

بيان: محتوى هذا المقال تم جمعه من الإنترنت، ملكية المادة لصاحبها، تم جمع المادة من قبل المستخدمين عبر الإنترنت وتم تحميلها بشكل تلقائي، هذا الموقع لا يمتلك حقوق الملكية، لم يتم تعديل المحتوى بشكل يدوي، ولا يتحمل أي مسؤولية قانونية ذات صلة. إذا اكتشفت محتوى يشتبه في حقوق النسخ، فلا تتردد في إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (عند إرسال البريد الإلكتروني، يرجى استبدال # بـ @) لإبلاغنا، وتقديم الدليل، وإذا تم التحقق من ذلك، سيتم حذف المحتوى المزعوم فورًا.