ASP.NET MVC3 में विनीत मान्यता

बहुत पहले नहीं, मैंने ASP.NET MVC पर साइटों को विकसित करना शुरू किया और मेरी एक परियोजना में मुझे एक गैर-मानक सत्यापनकर्ता की आवश्यकता थी जो किसी अन्य तत्व के मूल्य के आधार पर एक फार्म तत्व की अनिवार्य भरने की जांच करेगा। यही मैं बात करना चाहता हूं।

साइट को मोटर वाहन विषयों पर विकसित किया गया था। पंजीकरण फॉर्म पर एक सत्यापनकर्ता की आवश्यकता दिखाई दी। उपयोगकर्ता एक निजी व्यक्ति और एक ऑटो डीलर के रूप में पंजीकरण कर सकता है। यदि उपयोगकर्ता एक ऑटो डीलर के रूप में पंजीकरण करना चाहता है, तो उसे कई अतिरिक्त आवश्यक फ़ील्ड भरने की आवश्यकता है। बेशक, कई चरणों में पंजीकरण करना संभव था, लेकिन मैं चाहता था कि पूरी पंजीकरण प्रक्रिया एक चरण में हो।

सर्वर साइड

अपना स्वयं का सत्यापनकर्ता बनाने के लिए, हमें ValidationAttribute वर्ग से इनहेरिट करने की आवश्यकता है।

[AttributeUsage(AttributeTargets.Property, AllowMultiple = true, Inherited = true)] public sealed class RequiredIfAttribute : ValidationAttribute, IClientValidatable { //,    . private const string _defaultErrorMessage = "{0} is required"; //  private string _targetPropertyName; //   private bool _targetPropertyCondition; public RequiredIfAttribute(string targetPropertyName, bool targetPropertyCondition) : base(_defaultErrorMessage) { this._targetPropertyName = targetPropertyName; this._targetPropertyCondition = targetPropertyCondition; } public override string FormatErrorMessage(string name) { return String.Format(CultureInfo.CurrentUICulture, ErrorMessageString, name, _targetPropertyName, _targetPropertyCondition); } protected override ValidationResult IsValid(object value, ValidationContext validationContext) { bool result = false; bool propertyRequired = false; //       . //   var targetProperty = validationContext.ObjectType.GetProperty(_targetPropertyName); //    var targetPropertyValue = (bool)targetProperty.GetValue(validationContext.ObjectInstance, null); //     ,      . if (targetPropertyValue == _targetPropertyCondition) { propertyRequired = true; } if (propertyRequired) { //    if (value == null) { var message = FormatErrorMessage(validationContext.DisplayName); return new ValidationResult(message); } } return null; } public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context) { var rule = new ModelClientValidationRule(); rule.ErrorMessage = FormatErrorMessage(metadata.GetDisplayName()); rule.ValidationType = "requiredif"; rule.ValidationParameters.Add("targetpropertyname", this._targetPropertyName); rule.ValidationParameters.Add("targetpropertyvalue", this._targetPropertyCondition.ToString().ToLower()); yield return rule; } } 

हम उस विशेषता के लिए एक त्रुटि संदेश परिभाषित करते हैं जो उपयोगकर्ता को _defaultErrorMessage में प्रदर्शित किया जाएगा, साथ ही दो फ़ील्ड्स परिभाषित करेगा _targetPropertyName और _targetPropertyCondition, जो मॉडल में फ़ील्ड का नाम संग्रहीत करेगा, जिसके आधार पर वर्तमान फ़ील्ड की जाँच की जाएगी (जिसके लिए यह विशेषता निर्दिष्ट है) और क्रमशः इस क्षेत्र का मूल्य।

क्लाइंट सत्यापन को लागू करने के लिए, आपको IClientValiditable इंटरफ़ेस को इनहेरिट करना होगा। GetClientValidationRules विधि में, एक नया नियम बनाएं जिसके लिए हम एक त्रुटि संदेश, सत्यापनकर्ता का प्रकार और साथ ही हमारे सत्यापनकर्ता के मापदंडों को इंगित करते हैं। इसके बाद, यह सब फॉर्म के मार्कअप में जोड़ा जाएगा।

ग्राहक भाग

इस पर, सर्वर भाग समाप्त हो गया है। चलो ग्राहक भाग पर चलते हैं। क्लाइंट के पक्ष में काम करने के लिए हमारे सत्यापनकर्ता के लिए, हमें अपना सत्यापन फ़ंक्शन और हमारे एडाप्टर बनाने की आवश्यकता है।

 $(function () { $.validator.addMethod("requiredif", function (value, element, param) { if ($(param.propertyname).is(':checked').toString() == param.propertyvalue) { if (!this.depend(param, element)) return "dependency-mismatch"; switch (element.nodeName.toLowerCase()) { case 'select': var val = $(element).val(); return val && val.length > 0; case 'input': if (this.checkable(element)) return this.getLength(value, element) > 0; default: return $.trim(value).length > 0; } } return true; }); $.validator.unobtrusive.adapters.add("requiredif", ["targetpropertyname", "targetpropertyvalue"], function (options) { if (options.element.tagName.toUpperCase() !== "INPUT" || options.element.type.toUpperCase() !== "CHECKBOX") { options.rules["requiredif"] = { propertyname: "#" + options.params.targetpropertyname, propertyvalue: options.params.targetpropertyvalue }; options.messages["requiredif"] = options.message; } }); } (jQuery)); 

का उपयोग करें:

उपयोग करने के लिए यह आवश्यक है कि संबंधित फ़ील्ड के लिए मॉडल में RequiredIf विशेषता निर्दिष्ट करें:

 public class RegisterModel { [Required] [Display(Name = "First name")] public string FirstName { get; set; } [Required] [Display(Name = "Last name")] public string LastName { get; set; } [Required] [DataType(DataType.EmailAddress)] [Display(Name = "Email address")] [RegularExpression("^([A-Za-z0-9_\\-\\.])+\\@([A-Za-z0-9_\\-\\.])+\\.([A-Za-z]{2,4})$", ErrorMessage = "Not a valid email.")] public string Email { get; set; } [Display(Name = "Dealer")] public bool IsDealer { get; set; } [RequiredIf("IsDealer", true)] [StringLength(100, ErrorMessage = "The {0} must be at least {2} characters long.", MinimumLength = 3)] [Display(Name = "Dealer name")] public string Name { get; set; } } 

और पेज पर हमारी स्क्रिप्ट भी जोड़ें:

  <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.requiredif.js")" type="text/javascript"></script> 

नतीजतन, हमें एक काफी सुविधाजनक सत्यापनकर्ता मिला जो सर्वर और क्लाइंट दोनों तरफ काम करता है:



पुनश्च: ASP.NET MVC3 में डिफ़ॉल्ट रूप से विनीत मान्यता का मोड अक्षम है। आप इसे दो तरह से सक्षम कर सकते हैं। सबसे पहले, Web.config फ़ाइल का उपयोग कर:

  <appSettings> <add key="ClientValidationEnabled" value="true" /> <add key="UnobtrusiveJavaScriptEnabled" value="true" /> </appSettings> 

आप कोड में भी निर्दिष्ट कर सकते हैं:

 HtmlHelper.ClientValidationEnabled = true; HtmlHelper.UnobtrusiveJavaScriptEnabled = true; 

और आपको दृश्य में जावास्क्रिप्ट फ़ाइलों के एक जोड़े को जोड़ने की आवश्यकता है:

 <script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>