تتضمن أي صفحة تتضمن معلومات تحرير المستخدم وحفظها التحقق مما إذا كانت البيانات تلبي المتطلبات ، وتتطلب التحقق من جانب العميل والخادم ؛
إن التحقق من جانب خدمة العملاء هو تحسين تجربة المستخدم ، في حين أن التحقق من جانب الخادم هو ضمان امتثال البيانات.
يدعم هذا المكون الإضافي أيضًا التحقق من النماذج لك. إضافة مطلوب: صحيح لتكوين الأعمدة التي يجب التحقق منها. عند تجديد الملصق أمام عنصر النموذج ، سيتم إنشاء * تلقائيًا أمام الملصق ، والذي يتم استخدامه للمطالبة بإعادة تمثيل البيانات.
يتم استخدام التحقق. للاستخدام المحدد ، يرجى الرجوع إلى API للتحقق من صحة jQuery.
الرمز كما يلي (عنوان الصفحة: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form5-validation.html):
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> التحقق من النموذج </title> <meta name = "viewport" content "=" width = device-width ، inial-scale = 1 " rel = "STYLESHEET" href = "../ css/site.css"> <script src = "../ lib/jquery.js"> </script> <script src = "../ lib/jquery.validate.js الطرق-> <script src = "../ scripts/global.js"> </script> <!-البرنامج المساعد-> <script src = "../ scripts/plugin.js"> </script> </head> <body> <body> <body> <div> Action = "#" id = "formContainer"> </pump> </viv> <viv> <viv> <billy> مقدمة </label> </viv> <viv> <blable> التحقق من النماذج </h3> <blockquote> <p> استخدام صحة JQuery للمثابة. لطرق التحقق الأخرى ، يرجى الرجوع إلى التحقق من صحة jQuery. التحقق المخصص global.fn.setDefaultValidator () طريقة في ملف global.js ، يتم تغيير الملف إلى ملف أداة ، والذي يحدد العديد من أساليب الأدوات ، بما في ذلك التسلسل النموذج ، تنسيق التاريخ ، الحكم الصفيف ، ضبط التحقق الافتراضي ، عرض رسالة ، نافذة منبثقة ، مكونات التهيئة ، نموذج التهيئة ، حفظ الملف ، etc. </p> eles = [[{label: {text: 'custom اسم المستخدم: '} ، ele: {type:' text '، name:' username '، title:' username: '، required: true}} ، {ele: {type:' radio '، nam E: 'Sex' ، العنوان: "الجنس: '، العناصر: [{text:' male '، value: 1} ، {text:' female '، value: 2}]}} ، {ele: {type:' checkbox '، الاسم: "المصنع" ، العنوان: "باستخدام النظام الأساسي:" ، العناصر: [{text: 'app' ، value: 'app'} ، {text: 'web' ، value: 'web'}]}}} ] ، [{eLe: {type: 'select' ، name: 'Province' ، title: 'Province:' ، withnull: true ، items: [{text: 'guangdong' ، value: 'gd'} ، {text: 'hunan' ، value: 'hn'}}} ، type = "radio"> '} ، اكتب:' text '، الاسم:' DisplayName '، العنوان: "الاسم العرض:'}} ، {ele: {type: 'search' ، title: 'product" ، id:' productname '، required: true}}] ، [{ele: {type:' dateTime "، name:" fromeedate "،" الفترة: '}} ، {eLe: {type:' dateTime '، الاسم:' TODATE '، العنوان:'}} ،] '1،3'}) Model = {PrimaryKey: 1 ، اسم المستخدم: 'xxg' ، الجنس: 1 ، النبات: ['app' ، 'web'] ، المقاطعة: 'gd' ، displayname: 'test' ، productName: 'noteB Ook '، FromEdate:' 2015-06-10 '، Toodate:' 2015-08-08 '} ؛ bf.initformdata (model) ؛}) ؛ $ ("#btnsubmit"). bind (' click '، function () {if (! $ ("#formContainer"). alvtern ()) {Alert ("التحقق من التحقق!") ؛} {var postdata = bsform.getformdata () ؛ التنبيه ("بيانات التعبير التي تم الحصول عليها هي:"+json.stringify (postdata)) ؛ global.fn.setDefaultValIdator () ؛ // تحديد قواعد التحقق $ ("#formContainer"). التحقق من صحة ({القواعد: {username: {مطلوب: صواب ، minlength: 3 ، maxLength: 10} ، productName: {true}}}) ؛}) ؛تم تكوين عمود اسم المستخدم مع التعبئة والتحقق المطلوب. تقوم الواجهة الجارية بحذف قيمة اسم المستخدم. يمكنك رؤية التأثير عند إرسال النموذج:
العروض كما يلي: