मान्य गतिशील नियंत्रण

Question

मैं जोड़ सकते हैं कैसे गतिशील रूप से सत्यापन करने के लिए नियंत्रण जोड़ा जोड़ा?

<div class="editor-field"> 
    @*@Html.EditorFor(model => model.Middlename)*@ 
    <div id="x"></div> 

    <script type="text/javascript"> 

     $(function() { 

      var newTextBoxDiv = $(document.createElement()); 

      newTextBoxDiv.html('<input type="text" name="Middlename" id="Middlename" width="100" data-val="true" data-val-required="The Middleneim field is required." />'); 

      newTextBoxDiv.appendTo('#x'); 
     }); 

    </script> 

    @Html.ValidationMessageFor(model => model.Middlename) 
</div> 

मैंने देखा है कि जब मैं तैयार समारोह का उपयोग नहीं करते हैं, जैसे कि

<script type="text/javascript"> 


var newTextBoxDiv = $(document.createElement()); 

newTextBoxDiv.html('<input type="text" name="Middlename" id="Middlename" width="100" data-val="true" data-val-required="The Middleneim field is required." />'); 

newTextBoxDiv.appendTo('#x'); 
</script> 

, क्लाइंट-साइड सत्यापन किक में। क्या सत्यापन में स्थगित रूप से बनाए गए इनपुट को स्पष्ट रूप से शामिल करने का कोई तरीका है?

Answer 1

यह तकनीकी रूप से सत्यापनकर्ता के "window.mvcClientValidationMetadata" सरणी में मानों धक्का द्वारा MVC ग्राहक साइड सत्यापन में जोड़ने के लिए संभव है। वहाँ एक बहुत अच्छी लेख here जो स्क्रिप्ट और तकनीक शामिल में से कुछ पता चलता है। यह सर्वर साइड सत्यापन के साथ मदद नहीं करेगा, लेकिन ग्राहक के रूप में इस इनपुट जावास्क्रिप्ट के बिना आप इस कम किया है नहीं मिलेगा।

मैं सामान्य रूप से इस के लिए एक अधिक मानक प्रगतिशील वृद्धि पैटर्न लागू होगा। डिफ़ॉल्ट रूप से मध्य नाम इनपुट बनाएं, और मानक एमवीसी वैधकर्ताओं को लागू करें। फिर jQuery को तब तक छिपाने के लिए उपयोग करें जब तक (या जब तक) आवश्यक न हो। बेशक यह आपकी आवश्यकताओं के साथ फिट नहीं हो सकता है, लेकिन अगर यह होता है, तो मुझे लगता है कि एक बेहतर कार्यप्रणाली है लोगों का तर्क था।

Answer 2

अद्यतन: यह उत्तर यह है कि यदि आप jquery अविभाज्य सत्यापन का उपयोग करते हैं, तो आपने जो लिखा है उसे आपने नहीं लिखा है। http://xhalent.wordpress.com/2011/01/24/applying-unobtrusive-validation-to-dynamic-content/

ध्यान रखें कि आप प्रपत्र टैग के अंदर अपने तत्व जोड़ना होगा:

पहले, jQuery तैयार करने के लिए इस प्लगइन जोड़ें। आइए कहें कि आपके टैग के चारों ओर कुछ रैपर है, मैं इसे "तत्व" कहूंगा।

आप डोम के लिए अपने तत्व संलग्न के बाद, इस फोन:

$.validator.unobtrusive.parseDynamicContent($(element).find("form").selector); 
var form = $(element).find("form"); 
$(form).valid(); 
    $(form).find("input").each(function() { 
     $(this).blur(function() { 
      $(this).valid(); 
     }); 
    }); 
    $(form).find("select").each(function() { 
     $(this).change(function() { 
      $(this).valid(); 
     });