jQuery मोबाइल और अविभाज्य सत्यापन

Question

मैं jQuery Mobile (Alpha 3)ASP.NET MVC 3 आधारित एमवीसी 3 के साथ आने वाले अविभाज्य सत्यापन का उपयोग कर रहा हूं। जब कोई पृष्ठ सीधे एक्सेस किया जाता है (यूआरएल में कोई हैश नहीं), सत्यापन पूरी तरह से काम करता है। हालांकि, जब आप पृष्ठ पर नेविगेट करते हैं, तो jQuery मोबाइल गतिशील रूप से लोड करने के लिए अजाक्स नेविगेशन का उपयोग करता है (यूआरएल में हैश प्रदर्शित करना) और सत्यापन कार्य करना बंद कर देता है।

मॉडल::

[Required(ErrorMessage = "Missing value")] 
[DisplayName("Property Display Name")] 
public int? PropertyName { get; set; } 

देखें (उस्तरा):

@Html.LabelFor(model => model.PropertyName) 
@Html.TextBoxFor(model => model.PropertyName) 
@Html.ValidationMessageFor(model => model.PropertyName) 

जेनरेट किए गए HTML:

यहाँ उपयोग में कोड का एक नमूना है

<label for="PropertyName">Property Display Name</label> 
<input data-val="true" data-val-number="The field Property Display Name must be a number." data-val-required="Missing value" id="PropertyName" name="PropertyName" type="text" value="" /> 
<span class="field-validation-valid" data-valmsg-for="PropertyName" data-valmsg-replace="true"></span> 

यह संभव है कि अन्य पृष्ठ पहले लोड हो चुके हैं और HTML तत्वों में अब अद्वितीय आईडी नहीं हैं। लेबल, टेक्स्टबॉक्स, और सत्यापन मैसेज के लिए HTML उत्पन्न करने के लिए अपने स्वयं के एचटीएमएल हेल्पर क्लास को रोल करने के अलावा, क्या इस परिदृश्य को संभालने का कोई तरीका है?

Answer 1

क्या आपने लोड की गई नई सामग्री के बाद jQuery.validator.unobtrusive.parse() पर कॉल किया था? ब्रैड विल्सन के ब्लॉग पर this post पढ़ें।

Answer 2

मैं इस मुद्दे के साथ थोड़ा संघर्ष कर रहा हूं, लेकिन @Zote ने मुझे सही दिशा में इंगित किया।

jQuery.validator.unobtrusive.parse("form") 

या

jQuery.validator.unobtrusive.parse(document) 

इस hooking के लिए सबसे अच्छा तरीका pageshow घटना JQMs के माध्यम से शायद है:

parse() जाना है, लेकिन एक चयनकर्ता यानी में पारित करने के लिए सुनिश्चित करें कि तरीका है। यह तो हर नए पेज संक्रमण के बाद ट्रिगर हो जाएगा, इसलिए की तरह, तुम भी ऐसा करने के लिए jqm से पहले pagebeforeshow घटना

$('div').live('pageshow',function(event){ 
    jQuery.validator.unobtrusive.parse(".ui-page-active form"); 
}); 

का उपयोग कर .ui-page-active का उपयोग करके द्वारा किया जाता है और साथ ही यह पृष्ठ पर जादू है चाहें, तो आप कर सकते हैं अपनी खोज को वर्तमान में सक्रिय पृष्ठ पर सीमित करें।

Answer 3

मैं एक ही समस्या का सामना करना पड़ा मैं हल, मेरा उत्तर यहाँ पोस्ट किया जाता है -

Hash navigation problem while using jquery mobile with asp.net mvc2