عنصر واجهة المستخدم شكل vue- يستند نموذج بيانات الحقول التحقق من صحة

في صيغة التعليمات البرمجية، إضافة خاصية :: حكم

< شرم النموذج: نموذج = "شكل": قواعد = "قواعد" المرجع = "شكل" تسمية العرض = "80px" > < / شرم شكل > و، في < شرم شكل البند > وأضاف الدعامة السمة، وقواعد المناظرة في حكم

فتح مجلد جديد (validate.js) تحديد قواعد التحقق من الصحة

قواعد استخدام

القواعد المحددة إدخال التحقق من الصحة في صفحة وثيقة (index.vue) في وقواعد التصدير حددت القاعدة الافتراضية، وذلك باستخدام بناء الجملة: {المصادقة: أسلوب المصادقة، الزناد: التحقق الزناد}

الجزء الأخير من ملف طريقة التحقق validator.js

/ ** * مكون من jiachenpan في 16/11/18. * / / * عنوان IP غير شرعي * / وظيفة التصدير validateIP (القاعدة، والقيمة، رد) { إذا (القيمة == '' || القيمة == غير معروف || القيمة == فارغة) { الاستدعاء ()؛ } {شيء آخر CONST ريج = /^(\d{1،2}|1\d\d|2\d|25)\.(\d{1،2}|1\d \ د | 2 \ د | 25 ) \ (\ د {1،2} | 1 \ د \ د | 2 \ د | 25 ) \ (\ د {1،2} | 1 \ د \ د | 2 \ د | 25 ) $ /. إذا ((! reg.test (القيمة)) && قيمة! = '') { رد (خطأ جديد ( 'الرجاء إدخال عنوان IP الصحيح'))؛ } {شيء آخر الاستدعاء ()؛ } } } / * سواء الهاتف الثابت أو رقم الهاتف المحمول * / وظيفة التصدير validatePhoneTwo (القاعدة، والقيمة، رد) { CONST ريج = / ^ ((0 \ د {2،3} - \ د {7،8}) | (1 \ د {9})) $ / ؛؛ إذا (القيمة == '' || القيمة == غير معروف || القيمة == فارغة) { الاستدعاء ()؛ } {شيء آخر إذا ((! reg.test (القيمة)) && قيمة! = '') { رد (خطأ جديد ( 'الرجاء إدخال رقم هاتف صالح أو عدد محدد'))؛ } {شيء آخر الاستدعاء ()؛ } } } / * إذا * ثابتة / وظيفة التصدير validateTelphone (القاعدة، والقيمة، رد) { CONST ريج = / 0 \ د {2} - \ د {7،8} /. إذا (القيمة == '' || القيمة == غير معروف || القيمة == فارغة) { الاستدعاء ()؛ } {شيء آخر إذا ((! reg.test (القيمة)) && قيمة! = '') { رد (خطأ جديد ( 'الرجاء إدخال الهاتف الثابت الصحيح (شكل: منطقة قانون رقم + الهاتف، مثل 010-1234567)'))؛ } {شيء آخر الاستدعاء ()؛ } } } / * إذا كان رقم الهاتف المحمول * / وظيفة التصدير validatePhone (القاعدة، والقيمة، رد) { CONST ريج = / ^ {9} $ /. إذا (القيمة == '' || القيمة == غير معروف || القيمة == فارغة) { الاستدعاء ()؛ } {شيء آخر إذا ((! reg.test (القيمة)) && قيمة! = '') { رد (خطأ جديد ( 'الرجاء إدخال رقم الهاتف الصحيح'))؛ } {شيء آخر الاستدعاء ()؛ } } } / * إذا * رقم الهوية / وظيفة التصدير validateIdNo (القاعدة، والقيمة، رد) { CONST ريج = / (^ \ د {15} $) | (^ \ د {18} $) | (^ \ د {17} (\ د | X | X) $) /. إذا (القيمة == '' || القيمة == غير معروف || القيمة == فارغة) { الاستدعاء ()؛ } {شيء آخر إذا ((! reg.test (القيمة)) && قيمة! = '') { رد (خطأ جديد ( 'الرجاء إدخال رقم الهوية الصحيح'))؛ } {شيء آخر الاستدعاء ()؛ } } } / * إذا * البريد الإلكتروني / وظيفة التصدير validateEMail (القاعدة، والقيمة، رد) { CONST ريج = / ^ ( + ؟) @ + + \. + $ /. إذا (القيمة == '' || القيمة == غير معروف || القيمة == فارغة) { الاستدعاء ()؛ } {شيء آخر إذا (! reg.test (القيمة)) { رد (خطأ جديد ( 'الرجاء إدخال عنوان بريد إلكتروني صالح'))؛ } {شيء آخر الاستدعاء ()؛ } } } / * القانونية * أوري / وظيفة التصدير validateURL (textval) { CONST urlregex = / ^ (HTTPS | بروتوكول نقل الملفات؟): \ / \ / ( + (: +) * @) * ((25 | 2 | 1 {2} | ) (؟ . \ (25 | 2 | 1 {2} | ؟)) {3} | ( + \.) * + \ (كوم |. ايدو | زاويه | الباحث | مل | شبكة | غزاله | بيز | ARPA | معلومات | اسم | الموالية | ايرو | حظيرة | متحف | {2})) (: +) * (\ / ($ | +)) * $ /. العودة urlregex.test (textval)؛ } / * التحقق من ما إذا كانت محتويات أبجدية وتسطير * / وظيفة التصدير isPassword (القاعدة، والقيمة، رد) { CONST ريج = / ^ + $ /. إذا (القيمة == '' || القيمة == غير معروف || القيمة == فارغة) { الاستدعاء ()؛ } {شيء آخر إذا (! reg.test (القيمة)) { الاستدعاء (خطأ جديد ( 'كلمة السر فقط من الحروف والأرقام وسفلية'))؛ } {شيء آخر الاستدعاء ()؛ } } } / * مجموعة من القيم التدقيق التلقائي * / وظيفة التصدير checkMax20000 (القاعدة، والقيمة، رد) { إذا (القيمة == '' || القيمة == غير معروف || القيمة == فارغة) { الاستدعاء ()؛ } آخر إذا (! عدد (القيمة)) { رد (خطأ جديد ( 'أدخل رقما بين '))؛ } آخر إذا (القيمة <  1 || القيمة >  20000) { رد (خطأ جديد ( 'أدخل رقما بين '))؛ } {شيء آخر الاستدعاء ()؛ } } // أقصى قيمة التحقق مربع إدخال رقم، 32767 وظيفة التصدير checkMaxVal (القاعدة، والقيمة، رد) { إذا (القيمة <  0 || القيمة >  32767) { رد (خطأ جديد ( 'أدخل رقما بين '))؛ } {شيء آخر الاستدعاء ()؛ } } // التحقق مما إذا كانت بين 1-99 وظيفة التصدير isOneToNinetyNine (القاعدة، والقيمة، رد) { إذا (القيمة!) { رد عودة (خطأ جديد ( 'الإدخال ليس فارغا'))؛ } setTimeout (() = >  { إذا (! عدد (القيمة)) { الاستدعاء (خطأ جديد ( 'الرجاء إدخال عدد صحيح موجب'))؛ } {شيء آخر إعادة CONST = / ^ {0،1} $ /. CONST rsCheck = re.test (القيمة)؛ إذا (! rsCheck) { رد (خطأ جديد ( 'الرجاء إدخال عدد صحيح موجب، وقيمة [1،99]'))؛ } {شيء آخر الاستدعاء ()؛ } } }، 0)؛ } // التحقق من عدد صحيح وظيفة التصدير isInteger (القاعدة، والقيمة، رد) { إذا (القيمة!) { رد عودة (خطأ جديد ( 'الإدخال ليس فارغا'))؛ } setTimeout (() = >  { إذا (! عدد (القيمة)) { الاستدعاء (خطأ جديد ( 'الرجاء إدخال عدد صحيح موجب'))؛ } {شيء آخر إعادة CONST = / ^ * * $ /. CONST rsCheck = re.test (القيمة)؛ إذا (! rsCheck) { الاستدعاء (خطأ جديد ( 'الرجاء إدخال عدد صحيح موجب'))؛ } {شيء آخر الاستدعاء ()؛ } } }، 0)؛ } // التحقق من عدد صحيح، اختياري وظيفة التصدير isIntegerNotMust (القاعدة، والقيمة، رد) { إذا (القيمة!) { الاستدعاء ()؛ } setTimeout (() = >  { إذا (! عدد (القيمة)) { الاستدعاء (خطأ جديد ( 'الرجاء إدخال عدد صحيح موجب'))؛ } {شيء آخر إعادة CONST = / ^ * * $ /. CONST rsCheck = re.test (القيمة)؛ إذا (! rsCheck) { الاستدعاء (خطأ جديد ( 'الرجاء إدخال عدد صحيح موجب'))؛ } {شيء آخر الاستدعاء ()؛ } } }، 1000)؛ } // التحقق من غير عشري وظيفة التصدير isDecimal (القاعدة، والقيمة، رد) { إذا (القيمة!) { رد عودة (خطأ جديد ( 'الإدخال ليس فارغا'))؛ } setTimeout (() = >  { إذا (! عدد (القيمة)) { الاستدعاء (خطأ جديد ( 'أدخل رقما بين '))؛ } {شيء آخر إذا (القيمة <  0 || القيمة >  1) { الاستدعاء (خطأ جديد ( 'أدخل رقما بين '))؛ } {شيء آخر الاستدعاء ()؛ } } }، 100)؛ } // التحقق مما إذا كانت العشرية، أي لا يساوي 0 وظيفة التصدير isBtnOneToTen (القاعدة، والقيمة، رد) { إذا (تشير typeof قيمة == 'غير محدد') { رد عودة (خطأ جديد ( 'الإدخال ليس فارغا'))؛ } setTimeout (() = >  { إذا (! عدد (القيمة)) { رد (خطأ جديد ( 'الرجاء إدخال عدد صحيح موجب، وقيمة '))؛ } {شيء آخر إذا (! (القيمة == '1' || القيمة == '2' || القيمة == '3' || القيمة == '4' || القيمة == '5' || القيمة == '6' || القيمة == '7' || القيمة == '8' || القيمة == '9' || القيمة == '10')) { رد (خطأ جديد ( 'الرجاء إدخال عدد صحيح موجب، وقيمة '))؛ } {شيء آخر الاستدعاء ()؛ } } }، 100)؛ } // التحقق من العشرية، أي لا يساوي 0 وظيفة التصدير isBtnOneToHundred (القاعدة، والقيمة، رد) { إذا (القيمة!) { رد عودة (خطأ جديد ( 'الإدخال ليس فارغا'))؛ } setTimeout (() = >  { إذا (! عدد (القيمة)) { رد (خطأ جديد ( 'أدخل قيمة عددية '))؛ } {شيء آخر إذا (القيمة <  1 || القيمة >  100) { رد (خطأ جديد ( 'أدخل قيمة عددية '))؛ } {شيء آخر الاستدعاء ()؛ } } }، 100)؛ } // التحقق من عشري وظيفة التصدير isBtnZeroToHundred (القاعدة، والقيمة، رد) { إذا (القيمة!) { رد عودة (خطأ جديد ( 'الإدخال ليس فارغا'))؛ } setTimeout (() = >  { إذا (! عدد (القيمة)) { الاستدعاء (خطأ جديد ( 'أدخل رقما بين '))؛ } {شيء آخر إذا (القيمة <  0 || القيمة >  100) { الاستدعاء (خطأ جديد ( 'أدخل رقما بين '))؛ } {شيء آخر الاستدعاء ()؛ } } }، 100)؛ } // ما إذا كانت المصادقة بين الموانئ وظيفة التصدير isPort (القاعدة، والقيمة، رد) { إذا (القيمة!) { رد عودة (خطأ جديد ( 'الإدخال ليس فارغا'))؛ } setTimeout (() = >  { إذا (القيمة == '' || تشير typeof (القيمة) == غير معرفة) { الاستدعاء (خطأ جديد ( 'أدخل القيمة ميناء'))؛ } {شيء آخر CONST إعادة = / ^ ( | \ د | \ د {2} | \ د {3} | \ د { 4} | 6 \ د {3} | 65 \ د {2} | 655 \ د | 6553 ) $ /. CONST rsCheck = re.test (القيمة)؛ إذا (! rsCheck) { رد (خطأ جديد ( 'أدخل قيمة المنفذ بين و'))؛ } {شيء آخر الاستدعاء ()؛ } } }، 100)؛ } // التحقق من أن المنفذ بين ، اختياري، أعرب isMust المطلوبة وظيفة التصدير isCheckPort (القاعدة، والقيمة، رد) { إذا (القيمة!) { الاستدعاء ()؛ } setTimeout (() = >  { إذا (القيمة == '' || تشير typeof (القيمة) == غير معرفة) { // الاستدعاء (خطأ جديد ( 'أدخل القيمة ميناء'))؛ } {شيء آخر CONST إعادة = / ^ ( | \ د | \ د {2} | \ د {3} | \ د { 4} | 6 \ د {3} | 65 \ د {2} | 655 \ د | 6553 ) $ /. CONST rsCheck = re.test (القيمة)؛ إذا (! rsCheck) { رد (خطأ جديد ( 'أدخل قيمة المنفذ بين و'))؛ } {شيء آخر الاستدعاء ()؛ } } }، 100)؛ } / * حرف صغير * / وظيفة التصدير validateLowerCase (شارع) { CONST ريج = / ^ + $ /. العودة reg.test (شارع)؛ } / * * 2 محفوظة عشري / وظيفة التصدير validatetoFixedNew (شارع) { العودة شارع. } / * التحقق من مفتاح * / // وظيفة التصدير validateKey (شارع) { // فار ريج = / ^ + $ /. // عودة reg.test (شارع)؛ //} / * رسائل كابيتال * / وظيفة التصدير validateUpperCase (شارع) { CONST ريج = / ^ + $ /. العودة reg.test (شارع)؛ } / * الأحرف الكبيرة والحروف * / validatAlphabets وظيفة التصدير (شارع) { CONST ريج = / ^ + $ /. العودة reg.test (شارع)؛ }

طاقم الحوادث المتكررة، وهذه المرة فقط سنتيمترات عشرة رقيقة، وبضعة جنيه أثقل بكرة يضر مارك!

عوزي كان يعلم VN، RNG فقدت RW بالضبط من هو الذهاب الى وعاء مرة أخرى؟ العضو: قراءة لفهم عملية من هذه الموجة

كنت لا نقلل؟ في المواد ثنائية الأبعاد يحتوي أيضا على حقل كبير من التطبيقات الفضائية!

النظرية-النظرية الموجه يفهم بسرعة، ويمكن رؤية أساس أكثر صلابة

الأميرة ميغان أخيرا لم يعد مفتاح منخفضة، فهي معطف أحمر مع تنورة الأرجواني وردية جدا، والشعر فوضوي ولكن أقل نقطة

RNG حتى يركع اثنان أدوار RW إغلاق الصفر، والأخطاء كازا سرق تسبب التنين العظيم! العضو: RNG أخطاء كثيرة جدا!

"ضعفي" "مشاركة" 190205 المعبود ألعاب المرأة تشغيل البرنامج الرماية دخلت مرتين بنجاح نهائيات كأس العالم!

تشانغ هان تشن، مارك، القيثارة، العلم الإناث، وكسر با يي الردود

الغاز بين الدول الكم والتحولات الدولة السلوك كلاسيكي ما هو السر؟

كان تشين هايلو مزاج جيد مذهلة، مرتديا شرابة الذهب تنورة الولايات المتحدة إلى قليلا جنية، متقدمة ومتطورة

أخطاء AJ الناجمة عن RNG خسر المباراة الاولى، RW تشانغ Wuji فتح الوضع الذي لا يقهر! العضو: AJ بوبي حفرة

العظمى: البلورات النانوية "مصنع" سوف تحدث ثورة في تصنيع نقطة الكم!