MVC.net JQuery प्रमाणीकरण

Question

वर्षों से जावास्क्रिप्ट से बचने की कोशिश करने के बाद, आईवी ने एमवीसी एएसपीनेट में validation के लिए JQuery का उपयोग शुरू किया, क्योंकि सत्यापन करने का आधिकारिक तरीका प्रतीत नहीं होता है, Iv आश्चर्यचकित है कि JQuery कितना अच्छा है।

सबसे पहले JQuery और इसकी सत्यापन प्लगइन के लिए इंटेलिजेंस काम करने का कोई तरीका है, ताकि मुझे एपीआई सीखना पड़े?

errorLabelContainer: $("#CreateLog div.error") 

:

दूसरी बात मैं इस के लिए एक मान्यता सारांश कैसे बना सकता हूँ, यह वर्तमान में टेक्स्ट बॉक्स .:

<script type="text/javascript"> 
$().ready(function() { 
$("#CreateLog").validate({ 
     rules: {    
      UserName: { 
       required: true, 
       minLength: 2, 

      } 
     }, 
     messages: { 

      UserName: { 
       required: "Please enter a username", 
       minLength: "Your username must consist of at least 2 characters", 

      } 
     } 
    }); 
}); 
</script> 

<form id="CreateLog" action="Create" method="post" /> 
     <label>UserName</label><br /> 
     <%=Html.TextBox("UserName")%> 
     <br /> 
      <div class="error"> </div> 
     <input type=submit value=Save /> 
     </form> 

मैं स्क्रिप्ट को यह जोड़ने की कोशिश की के अधिकार के लिए त्रुटि संलग्न कर देता है

और यह एचटीएमएल:

<div class="error"> </div> 

लेकिन यह काम नहीं किया।

Answer 1

अपने विकल्पों में एक रैपर और एक लेबल कंटेनर दोनों निर्दिष्ट करने का प्रयास करें। मैंने डिस्प्ले भी जोड़ा: कोई नहीं; त्रुटि-कंटेनर की शैली के लिए jquery यह तय करने के लिए कि यह कब दिखाना है।

एचटीएमएल:

<div class="error-container"> 
<ul> 
</ul> 
</div> 
<form id="CreateLog" action="Create" method="post" /> 
<label>UserName</label><br /> 
<%=Html.TextBox("UserName")%> 
<br /> 
<input type=submit value=Save /> 
</form> 

स्क्रिप्ट:

<script type="text/javascript"> 
$().ready(function() { 
$("#CreateLog").validate({ 
    errorLabelContainer: $("ul", $('div.error-container')), 
    wrapper: 'li', 
    rules: {    
     UserName: { 
      required: true, 
      minLength: 2, 

     } 
    }, 
    messages: { 

     UserName: { 
      required: "Please enter a username", 
      minLength: "Your username must consist of at least 2 characters", 

     } 
    } 
}); 
}); 
</script> 

यही काम करना चाहिए।

Answer 2

VS2008 में JQuery IntelliSense के लिए एक विजुअल स्टूडियो 2008 हॉटफिक्स है। यह एसपी 1 के साथ भी बंडल किया गया हो सकता है।

Answer 3

jquery (और अन्य प्लगइन्स) के लिए इंटेलिजेंस के संबंध में: अपनी खुद की स्क्रिप्ट फ़ाइलों में पूर्ण इंटेलिजेंस होने के लिए, प्रत्येक फ़ाइल के लिए एक बार अपनी .js फ़ाइल के शीर्ष पर निम्न पंक्ति शामिल करें, जिसे आप इंटेलिसेंस से चाहते हैं:

/// <reference path="[insert path to script file here]" /> 

आसान है, लेकिन बहुत ही उपयोगी =)

Answer 4

आप CodeBetter.com और उसके नमूना application canvas पर Karl Seguin के ASP.NET MVC मान्यता दृष्टिकोण की जाँच कर सकते हैं।

Validation - Part 1 - Getting Started

Validation - Part 2 - Client-Side

Validation - Part 3 - Server-Side