تشارككم الأمثلة في هذه المقالة مع إطار التحقق من JS ، وهو أمر عملي للغاية للرجوع إليه. المحتوى المحدد كما يلي
1. الأساليب والمبادئ الرئيسية:
if (! eval (scriptCode)) في طريقة فحص الوظيفة (thisinput) {return false ؛ }2. دعوة مثال:
انسخ رمز الرمز على النحو التالي: <إدخال type = "text" name = "progress_payment_two" id = "progress_payment_two" inputName = "Progress Payment 2 ratio (٪)" validate = "isNumeric ؛ notnull" maxLength = "350" value = "" />
3. سيتم استدعاء الطريقة غير الرائعة وطريقة Notnull تلقائيًا أثناء التحقق وسيتم إرجاع معلومات نتيجة التحقق.
4. رمز المصدر لإطار التحقق هو كما يلي
var configvalidateInfOtype = "Writealert" ؛ // دعم Writealert و WritePage ، "WritePage ؛ Writealert" var rmtempstatusisalert = false ؛ var rmtempstatusisfocus = false ؛ var beginvalidate = true ؛ var set_all_venus_inputs_default = true ؛ string.prototype.trim = function () {return this.replace (/(^/s*) | (/s*$)/g ، "") ؛ } وظيفة checkallForms () {var checkResult = true ؛ rmtempstatusisalert = false ؛ rmtempstatusisfocus = false ؛ setAllvenusInputsDefault () ؛ لـ (var i = 0 ؛ i <document.forms.length ؛ i ++) {for (var j = 0 ؛ j <document.forms [i] .Lements.Length ؛ j ++) {var thisinput = document.forms [i] .elements [j] ؛ if (thisinput.type! = "Hidden" && thisinput.type! = "button" &&! (thisinput.id.indexof ("tf _")> = 0 && thisinput.id.indexof ("_ tf")> 0) && thisinput.clientwidth! = 0 && thisinput.style && thisinput.style.display! = 'none') { /* if (valateStr! = null && validatestr.length> 0) {if (thisinput.tagname == 'textarea' && srcstr! if (thisinput.maxlength! = null && thisinput.maxlength> 0) {if (thisinput.tagname == 'textarea' && srcstr! = '') {srcstr = replisterenter (srcstr) ؛ if (thisinput.maxlength! = null && thisinput.maxlength> 0) {if (getTrlength (srcstr)> thisinput.maxlength) {writeValidateInfo (thisinput ، "طول الإدخال في التركيز طويل جدًا/n ، يرجى التأكد من أن طول الإدخال ضمن" +frmaxlength +") ؛ if (thisinput.id && thisinput.id.indexof ("المورد_ checkResult = false ؛ i = 0 ؛ i <dactionEmp.length ؛ i ++) {if (faldateTemp [i] .Length == 0) if (alightEtemp [i] .indexof ("(") <0 || acaliteTemp [i] .indexof (")") {scriptCode = "JavaScript: دالة "+evalateetemp [i]+" هناك استثناء ، يرجى التحقق! "+"/n "+e.message) ؛ إرجاع خطأ ؛ j = 0 ؛ j <Inslen ؛ j ++) {var frm = document.forms [i] .elements [j] if (frm.type! = "Hidden" && frm.type! = "button" &&! setvenuspuled (frm) ؛ _frm.style.backgroundcolor = "" ؛ //Alert('Str.indexof(''s) if (str.indexof ('/n') str.place ('//' ، '// u005c') ؛ str.replace (('(' ، // u0028 ') ؛ str = str.replace (' ('،' // u0028 ') ؛ str = str.replace (' ('،' // u005c ') ؛ str = str.replace (' // '،' // u0027 ') ؛ str.repl str.replace (')' ، '// u0029') ؛ i = 0 ؛ i <_validatestr.length ؛ i ++) {if (_validatester [i] == _validator) return true ؛ if (configValidateInfoty.indexof ("writepage")> = 0) Setvenusputerror (thisobj) ؛ if (_fr.tagname! = "SELECT") - WriteValidateInfoRoBject (info ، thisobj) thisobj.nextsibling.tagname.touppercase () == "font" && thisobj.nextsibling.nextsibling.tagname.touppercase () == "span" && thisobj.nextsibling.nextsibling.classname == "font_remain_prompt") thisobj.nextsibling.nextsibling ؛ > 0 || if (thisobj.nextsibling! = null && thisobj.nextsibling.type == "hidden") == 0) } return len ؛}/********************************************************************** Explated ****************************************************************************************** thisinput.value = thisinpt.value.trim () ؛ Thisinput) ؛ } {return true ؛ OBJ = ARRAY () OBJ [0] int ++) {if (S.SubString (0،2) == obj [int]) ]؟ ([-]؟ (((/d) | []) {1،12})+$/؛ if (! gatrn.exec (s)) {writeValidateInfo ('الرجاء إدخال رقم محمول قانوني!' ، thisinput) ؛ إرجاع false ؛ thisinput.value = thisinput.value.trim () ؛ Thisinput) ؛ صحيح ؛ Istelforfax (S ، thisinpt) {// هو رقم هاتف عادي: يمكن أن يبدأ بـ "+" ، يمكن أن يحتوي على "// إزالة المساحة {thisinput.value = thisinput.value.trim () ؛ GARTN =/^(/D) {3،4} [-/d) {7،8} $/؛ الرقم: يمكن أن تبدأ بـ "+" ، باستثناء الرقم ، يمكن أن تحتوي على "// if (! exec (s)) {writeValidateInfo (الرجاء إدخال رقم الفاكس القانوني ، على سبيل المثال: 010-888888! '، thisinput) ؛ } s = s.trim () ؛ thisinput.value = thisinpt.value. Amploy//therction {thisinpt.value (includeexof. إذا كانت (ظروف "(} جرب {if (thisinput.value <= 0) {writeValidateInfo ("يجب أن تكون قيمة الإدخال أكبر من الصفر!" S = S.Trim () ؛ /^(([0-9a-za-z]+) | ([0-9a-za-z]+[_. .]). if (regu.exec) {return true ؛ القيمة! '، thisinput) ؛ /************************************************************************************************************ *********************************************************************************************************** تحقق من ************************************************************************************ 0) {truevalidateInfo (الرجاء إدخال هذا العنصر! ==) {return true ؛ IsnorMtRonweb (s ، thisinput) {// إنه حرف طبيعي (علامة غير HTML) إذا كان (S.SubString (0،1) إذا كان (! HoldCode (s)) {writeValidateInfo ("لا يمكن إدخال width الكامل في التركيز/" ・/"/"/"―/"/"/"/"/"/"/"/"/"/"―/"/"/" ―/"/"/"-/"/"/"/"/" ―/"thisite) ؛ 0) {iF ( -1) {writeValidateInfo ("" "لا يمكن إدخالها عند التركيز" ، thisinput) ؛ إرجاع خطأ ؛}} إرجاع true ؛} // وظيفة قائمة الوظائف الأساسية jtrim (str) {// de -space function var i = 0 ؛ var len = str.length ؛ if str == "" " && i <len) {if (str.charat (i) (") إذا كان (}} /***************************************************************************************************: مثالي) ************************************************************************* validateForm (current_form) {for (var i = 0 ؛ i <current_form.length ؛ i ++) {if (current_form [i] .type == "text" || current_form [ == "/> ||. التنبيه ("طول الإدخال طويل جدًا عند التركيز/n ، يرجى التأكد من أن طول الإدخال ضمن" +current_form [i] .maxlength +") ؛ current_form [i] .focus () ؛ current_form [i] .select () Focus/"・/"/"/" -/"/"/"―/"/"―/"/"/" ―/"―/"/"/" ―/") ؛ current_form [i] .focus () ؛ current_form [i] "scriptDefine") {return true ؛ / MaxLength ، Scale) ؛ if (! isfloatnumber (s)) {return false ؛ (MaxLength - Bits! ") ؛ thisinput.value = thisinpt.value.trim () ؛ (incluredexof لا يمكن لـ Issearch (S ، thisinput) {// إدخال أحرف غير قانونية إذا كان (S.Length == 0) Return True ؛ GARTN =/^[^`~!@#$ ٪^&*()+= | ///] [/]/{/}: ؛ '/، /budap^^/ {/|/.// ، // ========================================================= ==========================================================/** * تحقق من الرقم (عدد صحيح أو رقم عشري). /^/d+(/d+)؟ If (! reg.test ( thisinput.value = thisinput.value.trim () ؛ True ؛}/** * تحقق من رقم عدد صحيح هو 10 أرقام ، ويمكن أن يؤخذ مع العشرية) } var reg = /^/d {1،10 )(/. thisinput) {// إزالة المساحة {thisinpt.value = thisinpt.value.trim () ؛ intevalidateinfo ("الرجاء إدخال رقم (ما يصل إلى 16 رقمًا صحيحًا. value.trim () ؛ True ؛} /** تحقق من الرقم (5،2) /^) ؟/d {1،3 )(/. جرب {thisinp ut.value = thisinput.value.trim () ؛ } catch (e) {} value = value.trim () ؛ if (value.length == 0) {return true ؛ } var reg = /^/w+( budap-+ ./w+)*/w+( budap-. if (! reg.test (value)) {writeValidateInfo ("الرجاء إدخال عنوان البريد الإلكتروني الصحيح!" ، thisinput) ؛ العودة كاذبة } إرجاع TRUE ؛} /*** تحقق من بطاقة الهوية (بطاقة هوية 15 بت أو 18 بت). */وظيفة checkidCard (القيمة ، thisinput) {// إزالة المساحة جرب {thisinput.value = thisinput.value.trim () ؛ } catch (e) {} value = value.trim () ؛ if (value.length == 0) {return true ؛ } var reg =/^/d {15} (/d {2} [a-za-z0-9])؟ $/؛ if (! reg.test (value)) {writeValidateInfo ("الرجاء إدخال رقم المعرف الصحيح!" ، thisinput) ؛ العودة كاذبة } إرجاع true ؛} /*** تحقق من الرمز البريدي. */وظيفة checkPostCode (القيمة ، thisinput) {// إزالة المساحة جرب {thisinput.value = thisinput.value.trim () ؛ } catch (e) {} value = value.trim () ؛ if (value.length == 0) {return true ؛ } var reg =/^[0-9]/d {5} $/؛ if (! reg.test (value)) {writeValidateInfo ("الرجاء إدخال الرمز البريدي الصحيح!" ، thisinput) ؛ العودة كاذبة } إرجاع صحيح ؛} /*** تحقق مما إذا كانت شخصية صينية. */وظيفة checkchinese (القيمة ، thisinput) {// إزالة المساحة جرب {thisinput.value = thisinput.value.trim () ؛ } catch (e) {} value = value.trim () ؛ if (value.length == 0) {return true ؛ } var reg =/^[/u0391-/uffe5]+$/؛ if (! reg.test (value)) {writeValidateInfo ("الرجاء إدخال الأحرف الصينية!" ، thisinput) ؛ العودة كاذبة } إرجاع صحيح ؛} /*** تحقق مما إذا كانت شخصية غير قانونية. */وظيفة checkInvalIdString (القيمة ، thisinput) {var reg = /^ budup^```````~ ذلك if (! reg.exec (value)) {writeValidateInfo ("يحتوي الحرف الذي تم إدخاله على أحرف خاصة ، يرجى إعادة الدخول!" ، thisinput) ؛ العودة كاذبة } إعادة صواب ؛ } وظيفة checkMoney (s ، inputName) {// إزالة المساحة try {thisinput.value = thisinput.value.trim () ؛ } catch (e) {} s = s.trim () ؛ if (s.length == 0) {return true ؛ } if (s == "") {writeValidateInfo ("لا يمكن أن يكون المبلغ فارغًا!" ، inputName) ؛ العودة كاذبة } if (iSfloatnumber (s ، inputName) == false) {writeValidateInfo ("قيمة المبلغ غير الشرعي!" ، inputName) ؛ العودة كاذبة } var maxLength = 10 ؛ VAR مقياس = 2 ؛ إرجاع CheckNumberImpl (S ، MaxLength ، Scale ، inputName) ؛}/** * تحقق مما إذا كانت النتيجة هي 0-100 */وظيفة isAdultage (str ، thisinput) {// هي integer // إزالة المساحة try {thisinput.value = thisinput.value.trim () ؛ } catch (e) {} str = str.trim () ؛ if (str.length == 0) {return true ؛ } if (parseint (str) <0 || parseint (str)> 100) {writeValidateInfo ('الرجاء إدخال درجة قانونية (بين 0-100)!' ، thisinput) ؛ العودة كاذبة } إرجاع TRUE ؛} /** * إعدادات الكثافة المستوى 6 (الرقم ، الأحرف الكبيرة ، الأحرف الصغيرة ، الأحرف الخاصة ، الطول> = 6 ، طول> = 10) * إذا كانت كلمة المرور فارغة ، فأعود 0 * /وظيفة PWDSTRENGLE (PWD) {var sum = [0 ، 0 ، 0] ؛ لـ (var i = 0 ؛ i <pwd.length ؛ i ++) {var c = pwd.charcodeat (i) ؛ if (c> = 48 && c <= 57) // number sum [0] = 1 ؛ وإلا إذا (c> = 65 && c <= 90) // sum sum [1] = 1 ؛ آخر إذا (c> = 97 && c <= 122) // sum sum [1] = 1 ؛ آخر // مبلغ حرف خاص [2] = 1 ؛ } var level = sum [0] + sum [1] + sum [2] ؛ if (pwd.length> = 8) المستوى ++ ؛ مستوى الإرجاع ؛} وظيفة isBiggerzero (القيمة ، thisinput) {// بالفعل رقم ، ثم يجب أن يكون أكبر من 0 إذا (thisinput.value <= 0) {writeValidateInfo ('الرجاء إدخال رقم أكبر من الصفر!' ، thisinput) ؛ العودة كاذبة } return true ؛} الوظيفة isNonnEngative (value ، thisinput) {if (thisinput.value <0) {writeValidateInfo ('الرجاء إدخال رقم غير سالب!' ، thisinput) ؛ العودة كاذبة } return true ؛} /** * تحقق من الرقم (20،6) * /وظيفة ISNUM20P6 (القيمة ، thisinput) {// إزالة المساحة جرب {thisinput.value = thisinput.value.trim () ؛ } catch (e) {} value = value.trim () ؛ if (value.length == 0) {return true ؛ } var reg = /^(-)؟/d {1،14 )(/./d {1،6 ))؟$/ ؛ if (! reg.test (value)) {writeValidateInfo ("يرجى إدخال رقم (الحد الأقصى من 14 رقمًا صحيحًا وحد أقصى 6 أرقام عشرية)!" ، thisinput) ؛ العودة كاذبة } إرجاع isbiggerzero (القيمة ، thisinput) ؛} /** * تحقق من الرقم (18،6) * /وظيفة isNum18p6 (القيمة ، thisinput) {// إزالة المساحة try {thisinput.value = thisinput.value.trim () ؛ } catch (e) {} value = value.trim () ؛ if (value.length == 0) {return true ؛ } var reg = /^(-)؟/d {1،12 )(/./d {1،6 ))؟$/ ؛ if (! reg.test (value)) {writeValidateInfo ("الرجاء إدخال رقم (الحد الأقصى من 12 رقمًا صحيحًا وحد أقصى 6 أرقام عشرية)!" ، thisinput) ؛ العودة كاذبة } إرجاع isBiggerzero (القيمة ، thisinput) ؛} وظيفة isNonnegative20p6 (القيمة ، thisinput) {// إزالة المساحة try {thisinput.value = thisinput.value.trim () ؛ } catch (e) {} value = value.trim () ؛ if (value.length == 0) {return true ؛ } var reg = /^(-)؟/d {1،14 )(/./d {1،6 ))؟$/ ؛ if (! reg.test (value)) {writeValidateInfo ("يرجى إدخال رقم (الحد الأقصى من 14 رقمًا صحيحًا وحد أقصى 6 أرقام عشرية)!" ، thisinput) ؛ العودة كاذبة } الإرجاع isNonnegative (القيمة ، thisinput) ؛} /** * تحقق من الرقم (20،4) * /وظيفة isNum20P4 (القيمة ، thisinput) {// إزالة المساحة جرب {thisinput.value = thisinput.value.trim () ؛ } catch (e) {} value = value.trim () ؛ if (value.length == 0) {return true ؛ } var reg = /^(-)؟/d {1،16 )(/./d {1،4 ))؟$/ ؛ if (! reg.test (value)) {writeValidateInfo ("الرجاء إدخال رقم (الحد الأقصى من 16 رقمًا صحيحًا و 4 أماكن عشرية كحد أقصى)!" ، Thisinput) ؛ العودة كاذبة } إرجاع isbiggerzero (القيمة ، thisinput) ؛} /*** يمكن أن يكون مقدار مجموعة الهامش الواحدة التي أدخلها المورد مجرد عدد صحيح إيجابي ويمكن أن يكون دقيقًا فقط لمئات الأرقام* /وظيفة ISDPCBZJ (القيمة ، thisinput) {// إزالة المساحة {thisinput.value = } catch (e) {} value = value.trim () ؛ if (value.length == 0) {return true ؛ } var reg =/^[1-9]/d*00 $/؛ if (! reg.test (value)) {writeValidateInfo ("الرجاء إدخال مبلغ الهامش الصحيح!" ، thisinput) ؛ العودة كاذبة } return true ؛} // الحكم على أن سنة بداية سنة التقرير لا يمكن أن تكون أكبر من وظيفة السنة النهائية (startyear ، endyear ، flag) {if (startyear> endyear) {if (flag == 1) {ALERT ("لا يمكن أن يكون شهر البداية أكبر من الشهر النهائي") ؛ العودة كاذبة } آخر {Alert ("لا يمكن أن تكون سنة بداية العطاءات أكبر من السنة النهائية") ؛ العودة كاذبة }} إرجاع صحيح ؛}ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون مفيدًا لتعلم الجميع.