कॉफीस्क्रिप्ट सत्यापन उदाहरण।

CoffeeScript सुखद है कि बहुत से जटिल कार्य भी इसके साथ जल्दी और आसानी से किए जा सकते हैं। यह एक अच्छा पठनीय कोड निकला जो डिबग करने में काफी आसान है।


निम्न कोड पर विचार करें जो सत्यापन वर्ग को लागू करता है। कुछ तरीके jQuery का उपयोग करते हैं।

class validation find: (rules, rule) -> rules = rules.split '|' (rule in rules) validate: (rules) -> $('.form_error').remove() delete @errors_list @fields = {} @data = {} for field, rule of rules @fields[field] = $("input[name=\"#{field}\"]"); @data[field] = @fields[field].val() @validate_field field, @data[field], rules_string unless @errors_list? @data else @show_errors() false show_errors: -> focus_set = false for field, errors of @errors_list messages = [] for error in errors messages.push @lang error @fields[field].before nano templates.form_error, {message: messages.join(' ')} unless focus_set @fields[field].focus() focus_set = true lang: (error) -> [rule,value] = @rule_value error if value? nano lang.errors[rule], {val: value}) else lang.errors[rule] rule_value: (rule)-> x = rule.split '[' if x[1]? if x[1].substr(x[1].length - 1) == ']' x[1] = x[1].substr 0, x[1].length - 1 [x[0],x[1]] min_length: (str,length) -> (str.length >= length) max_length: (str,length) -> (str.length < length) valid_email: (str) -> (/^[\w\d_-]+@+[\w\d_-]+\.+[\w]/i.test(str)) required: (str) -> (@min_length str, 1) min_value: (num,value) -> (num > value) max_value: (num,value) -> (num < value) numeric: (num) -> (/[^\d]/g.test(num)) alpha_numeric: (str) -> (/[^\da-z]/gi.test(str)) trim: (str) -> str.replace /^\s+|\s+$/g, '' integer: (str) -> parseInt(str) parse_rules: (rules) -> rules.split '|' validate_field: (field,str,rules) -> rules = @parse_rules rules for rule_string in rules [rule,value] = @rule_value(rule_string) result = @[rule] str, value unless result in [true,false] # post processing str = @data[field] = result else unless 'required' not in rules and str.length is 0 if result is no @set_error field, rule_string break set_error: (field,rule) -> if @errors_list is undefined @errors_list = {} if @errors_list[field] is undefined @errors_list[field] = [] @errors_list[field].push rule 

इस वर्ग के प्रत्येक तरीके का उपयोग अपने दम पर किया जा सकता है।

खोज विधि आपको कोडनैजिटर की भावना में लिखे गए सत्यापन नियमों को निर्धारित करने के लिए लाइन में निर्दिष्ट नियम खोजने की अनुमति देती है। एक विशिष्ट परियोजना में, जहां CI ने एक बैकएंड के रूप में काम किया, मेरे लिए यह आसान था कि मैं क्लाइंट के लिए नियम ऑब्जेक्ट को सीधे निर्यात करूं।

मान्य विधि, जो प्रत्येक प्रपत्र तत्व के लिए फ़ील्ड और नियमों की एक सूची को स्वीकार करती है, डेटा को साफ़ करेगी और नियमों के अनुपालन को सत्यापित करेगी। यदि सफल होता है, तो विधि स्वच्छ डेटा के साथ एक वस्तु लौटाएगी। त्रुटियों के मामले में, विधि भाई को show_errors () कहेगी और झूठी लौटेगी। डेटा और त्रुटियों को वर्ग गुणों के रूप में संग्रहीत किया जाता है। इसलिए, वे भविष्य के उपयोग के लिए उपलब्ध हैं, और उसी कारण से उन्हें शुरू करने से पहले साफ किया जाता है।

Show_errors पद्धति फ़ॉर्म फ़ील्ड के बगल में त्रुटि संदेश डालेगी, और त्रुटि वाले पहले फ़ील्ड में फ़ोकस (कर्सर) सेट करेगी। इसलिए उपयोगकर्ता तुरंत गलत डेटा को संपादित कर सकता है, बिना एक बार फिर से माउस के लिए पहुंच सकता है और क्लिक कर सकता है।

लैंग विधि एक उपयुक्त त्रुटि संदेश प्राप्त करेगी, इसमें नियम से मान डालें, यदि कोई हो, और एक स्ट्रिंग लौटाएं।

नियम_वायु विधि नियम से मान लौटाएगी। व्हिप अप, शायद नियमित रूप से अभिव्यक्ति के माध्यम से और अधिक सुंदर बनाया जा सकता है। यदि आपके पास समय और समझ है, तो पीएम या टिप्पणियों में लिखें, हम कोड की जांच करेंगे और अपडेट करेंगे।

इसी नियम के साथ तरीके min_length, max_length, valid_email, आवश्यक, min_value, max_value, न्यूमेरिक और अल्फा_न्यूमेरिक जांच करते हैं। आप आसानी से तरीके जोड़ सकते हैं।

यहां, सत्यापन न केवल डेटा को मान्य करता है, बल्कि इसे साफ भी करता है। इस कोड में, ट्रिम और पूर्णांक विधियाँ ऐसा करती हैं।

प्राथमिक parse_rules विधि एक नियम स्ट्रिंग को CodeIgniter की भावना में स्वरूपित करती है और इसे एक सरणी में परिवर्तित करती है।

Validate_field विधि क्षेत्र के नाम, स्ट्रिंग और नियमों को संसाधित करने के लिए स्वीकार करती है, नियमों के अनुपालन के लिए स्ट्रिंग और जांच की प्रक्रिया करती है, और फिर इसे बाद के उपयोग के लिए स्थानीय डेटा ऑब्जेक्ट में रखती है।

Set_error पद्धति बस त्रुटि को याद करती है।

अब लाइन टिप्पणियों के साथ कोड का संस्करण।

 class validation find: (rules, rule) -> #    ,    | rules = rules.split '|' #    -   rule   rules (rule in rules) validate: (rules) -> #       -   .form_error $('.form_error').remove() #    delete @errors_list #        @fields = {} #  ()    @data = {} #      for field, rule of rules #      (  ) @fields[field] = $("input[name=\"#{field}\"]"); #      @data[field] = @fields[field].val() #   @validate_field field, @data[field], rules_string #       unless @errors_list? #   @data else #        @show_errors() #  false false show_errors: -> # ,       focus_set = false #       for field, errors of @errors_list #        messages = [] for error in errors #        messages.push @lang error #       ,     @fields[field].before nano templates.form_error, {message: messages.join(' ')} #     ,       unless focus_set @fields[field].focus() focus_set = true lang: (error) -> #    ,    [rule,value] = @rule_value error if value? #     nano lang.errors[rule], {val: value}) else #    -   ,   lang.errors[rule] rule_value: (rule)-> #    min_length[3] x = rule.split '[' if x[1]? if x[1].substr(x[1].length - 1) == ']' x[1] = x[1].substr 0, x[1].length - 1 [x[0],x[1]] min_length: (str,length) -> #  true,         (str.length >= length) max_length: (str,length) -> #  true,       (str.length < length) valid_email: (str) -> #  true,     (/^[\w\d_-]+@+[\w\d_-]+\.+[\w]/i.test(str)) required: (str) -> #  true,     (@min_length str, 1) min_value: (num,value) -> #  true,     (num > value) max_value: (num,value) -> #  true,     (num < value) numeric: (num) -> #  true,      (/[^\d]/g.test(num)) alpha_numeric: (str) -> #  true,        (/[^\da-z]/gi.test(str)) trim: (str) -> #         str.replace /^\s+|\s+$/g, '' integer: (str) -> #     parseInt(str) parse_rules: (rules) -> #      rules.split '|' validate_field: (field,str,rules) -> #      rules = @parse_rules rules #       for rule_string in rules #    ,    [rule,value] = @rule_value(rule_string) #       result = @[rule] str, value #    - -,  false  true # -   ,    unless result in [true,false] #   str = @data[field] = result #     ,     else unless 'required' not in rules and str.length is 0 if result is no #   @set_error field, rule_string #    ? #   -   , #       CI break set_error: (field,rule) -> #   ,    if @errors_list is undefined @errors_list = {} #      ,     if @errors_list[field] is undefined @errors_list[field] = [] #     @errors_list[field].push rule 

ऑब्जेक्ट में संग्रहीत त्रुटि संदेश का उपयोग किया जाता है, जैसा कि नीचे दिखाया गया है।

 lang = errors: min_length: ' ,    {val} .' max_length: '  ,   {val} .' min_value: '  ,    {val}.' max_value: '  ,    {val}.' numeric: '  .' alpha_numeric: '     .' valid_email: '     .' required: '   .' 

त्रुटि संदेशों को संसाधित करने के लिए, लोकप्रिय न्यूनतर जेएस टेम्पलेट इंजन का उपयोग किया जाता है, यहां इसका कोड कॉफीस्क्रिप्ट में पोर्ट किया गया है

 _nano_regex = /\{([\w\.]*)\}/g nano = (template, data) -> template.replace _nano_regex, (str, key) -> keys = key.split(".") value = data[keys.shift()] $.each keys, -> value = value[this] (if (value is null or value is `undefined`) then "" else value) 

एक सामान्य इंट्रा-फ्रेमवर्क कार्य उद्धरण सुरक्षित करना है।

 add_quotes = (str) -> (if str? then str.replace /"/g, """ else '') 

के उपयोग

मान लीजिए कि फॉर्म में ऐसे क्षेत्र हैं।

 <label></label> <input type=”text” name=”name” value=””> <label></label> <input type=”text” name=”surname”> <label></label> <input type=”text” name=”email”> 

फिर हम सत्यापन के नियमों को निर्धारित कर सकते हैं और प्रोसेसिंग को फॉर्म सबमिट करके कॉल कर सकते हैं।

 rules = name: 'trim|required|min_length[2]|max_length[255]' surname: 'trim|max_length[255]' email: 'trim|required|valid_email|max_length[255]' validation = new validation $('body').on 'submit', 'form', => data = validation.validate rules if data isnt off #      else #  .  ,      –            

यह न्यूनतर, लचीला और सुंदर कोड भी निकला है।