एएसपी.Net सत्यापन सारांश पृष्ठ को शीर्ष पर जाने के लिए

Question

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

<asp:TextBox ID="test" runat="server"></asp:TextBox> 
<asp:RequiredFieldValidator ID="testrequired" runat="server" ControlToValidate="test">*</asp:RequiredFieldValidator> 
<asp:ValidationSummary ID="summary" runat="server" /> 
<asp:Button ID="submit" runat="server" Text="submit" /> 

मैं स्थापित करने की कोशिश की किया है आवश्यक फ़ील्ड validator में SetFocusOnError="true" और MaintainScrollPositionOnPostback="true" गिगल्स के लिए:

उसके बारे में यहां त्वरित उदाहरण

। क्या इस समस्या के लिए कोई ज्ञात समाधान है?

संपादित करें:

मैं WebResource.axd द्वारा उत्पन्न js में समस्या पाया है। ValidationSummaryOnSubmit() फ़ंक्शन में एक पंक्ति में नीचे आने लगता है।

line 534: window.scrollTo(0,0); 

इस पर किसी भी विचार को हटाने या बाईपास करने के बारे में कोई विचार?

EDIT2:

त्वरित चारों ओर समय से किया जा रहा के लिए काम करते:

• सभी मान्यता नियंत्रण के लिए निर्धारित EnableClientScript="false" (ग्राहक सत्यापन अक्षम करने)
• पृष्ठ निर्देश में MaintainScrollPositionOnPostback="true" सेट

अभी भी एक ग्राहक पक्ष समाधान की उम्मीद है ...

EDIT3:

यह चारों ओर एक बेहतर काम लगता है जब मान्यता स्क्रिप्ट के द्वारा कहा जाता है सिर्फ इतना है कि यह कुछ नहीं करता है window.scrollTo() समारोह ओवरराइड करने के लिए है:

<script type="text/javascript"> 
    window.scrollTo = function() { } 
</script> 

पर कहीं भी ऊपर जोड़ना पृष्ठ व्यवहार में क्लाइंट सत्यापन को छोड़ देता है, लेकिन विधि को पूरे पृष्ठ

Answer 1

दो संभव काम arounds:

ग्राहक सत्यापन और कूद अक्षम वापस पोस्ट पर स्थिति को दूर करने के:

* set EnableClientScript="false" for all validation controls (disabling client validation) 
* set MaintainScrollPositionOnPostback="true" in Page directive 

जावास्क्रिप्ट में scrollTo समारोह को अक्षम करें:

<script type="text/javascript"> 
    window.scrollTo = function() { } 
</script> 

Answer 2

अपने HTML के लिए लक्ष्य स्कीमा सेट करने को अक्षम करता है।

http://msdn.microsoft.com/en-us/library/6379d90d(VS.71).aspx

वी.एस. 2005 से पहले आप पृष्ठ के स्तर से एक पृष्ठ पर स्कीमा सेट कर सकते हैं की कोशिश करो।

बस एक विचार।

Answer 3

पृष्ठ जहां भी आपका सत्यापन सारांश है, वहां जा रहा है। यदि आप इसे नीचे के पास रखना चाहते हैं, तो सबमिट बटन के पास सत्यापन सारांश को नीचे ले जाएं।

संपादित करें, आप सत्यापन सारांश को बंद करने का भी प्रयास कर सकते हैं।

Answer 4

शायद आप आवश्यक फ़ील्ड वैलिडेटर से उत्तराधिकारी हो सकते हैं और कस्टम नियंत्रण में क्लाइंट साइड सत्यापन को ओवरराइड कर सकते हैं?

Answer 5

मैं में चल रहा था एक समस्या जहां MaintainScrollPositionOnPostback=true का उपयोग काम करेगा लेकिन क्लाइंट-साइड सत्यापन स्क्रॉल स्थिति तोड़ देगा। इसलिए मैंने पोस्टबैक पर सत्यापन सारांश नियंत्रण को लाने के लिए एक स्क्रिप्ट जोड़ा।

private void FocusControlOnPageLoad(Control ctrl) 
    { 

     this.Page.ClientScript.RegisterClientScriptBlock(
      typeof(System.Web.UI.Page), "ctrlFocus", 
     @"<script> 
       function ScrollView() 
       { 
       var el = document.getElementById('" + ctrl.ClientID + @"') 
       if (el != null) 
       {   
        el.scrollIntoView(); 
        el.focus(); 
       } 
       } 
       window.onload = ScrollView; 
     </script>"); 
    } 

साथ:

protected void Page_PreRender(object sender, EventArgs e) 
{ 
    if (Page.IsValid == false) 
     { 
      FocusControlOnPageLoad(TheValidationSummary); 
     } 
} 

ऐसा लगता है मैं भी scrollTo समारोह बाहर blanked करना होगा कि:

window.scrollTo = function() { 
      return true; 
     } 

कोड (अधिकतर) from here मिल गया।

Answer 6

यह एक known bug है, जैसा कि माइक्रोसॉफ्ट कनेक्ट पर प्रलेखित है। relevant issue चारों ओर सबसे अच्छा काम के लिए आधार नहीं है:

var ValidationSummaryOnSubmitOrig = ValidationSummaryOnSubmit; 
var ValidationSummaryOnSubmit = function() { 
    var scrollToOrig = window.scrollTo; 
    window.scrollTo = function() { }; 
    var retVal = ValidationSummaryOnSubmitOrig(); 
    window.scrollTo = scrollToOrig; 
    return retVal; 
} 

Answer 7

के बजाय

<script type="text/javascript"> 
    window.scrollTo = function() { return true; } 
</script> 

जो अंधाधुंध सभी Postbacks के लिए ScrollTo समारोह को ओवरराइड करेगी, मैं बटन की मेरी OnClientClick घटना में समारोह डाल दिया। नीचे के अनुसार।

onClientClick="window.scrollTo = function(x,y) { return true; };" 

सुनिश्चित नहीं है कि यह सबसे अच्छा समाधान है, लेकिन ऐसा लगता है कि यह मेरे लिए काम करता है। (JQuery की आवश्यकता है और jquery.scrollTo)

सबसे पहले आप एक लंगर एक विशिष्ट वर्ग के साथ अपने मान्यता सारांश के ऊपर है, तो जैसे डाल:

<a class="custom_valsum_anchor" /> 
<asp:ValidationSummary ID="valSum" runat="server" EnableClientScript="true" /> 

तो इस बिट शामिल

Answer 8

मैं इस का उपयोग जावास्क्रिप्ट का:

$(document).ready(
     function() { 
      var $valSum = $(".custom_valsum_anchor"); 
      if ($valSum.size() > 0) { 
       var backup_ValidationSummaryOnSubmit = ValidationSummaryOnSubmit; 
       ValidationSummaryOnSubmit = function (validationGroup) { 
        var backup_ScrollTo = window.scrollTo; 
        window.scrollTo = function() { }; 
        backup_ValidationSummaryOnSubmit(validationGroup); 
        window.scrollTo = backup_ScrollTo; 
        setTimeout(function() { $("body").scrollTo($valSum); }, 1); 
       }; 
      } 
     } 

); 

मूल रूप से, यह बदल देता है, जब आवश्यक हो, एक संस्करण था साथ ValidationSummaryOnSubmit समारोह टी अस्थायी रूप से window.scrollTo अक्षम करता है और एंकर पर स्क्रॉल करता है। इसे संशोधित करना मुश्किल नहीं होना चाहिए ताकि यह jquery का उपयोग न करे।

Answer 9

जैसा कि cleek's answer द्वारा बताया गया है, यह known bug वर्कअराउंड है।

यहां bdukes one है, जो मुझे वर्तमान में उपलब्ध सर्वोत्तम रूप में दिखता है।

(function() { 
    var originalValidationSummaryOnSubmit = window.ValidationSummaryOnSubmit; 
    window.ValidationSummaryOnSubmit = function (validationGroup) { 
    var originalScrollTo = window.scrollTo; 
    window.scrollTo = function() { }; 
    originalValidationSummaryOnSubmit(validationGroup); 
    window.scrollTo = originalScrollTo; 
    } 
}()); 

(वह इसे सीधे इतने पर यहां पोस्ट नहीं है, और अब connect issue देखा जा रहा है के लिए पंजीकरण की है, जो अपने वैकल्पिक हल का उपयोग करने के लिए कठिन बना देता की आवश्यकता होती है लगता है।)