बैक बटन

Question

पर क्लिक करने के बाद फ़ॉर्म फ़ील्ड को दोबारा शुरू करने से रोकें मेरे पास एक फॉर्म है। सफलतापूर्वक सबमिट करने के बाद, नई प्रविष्टि देखने के लिए एक सर्वर साइड रीडायरेक्ट होता है।

समस्या: सभी आदानों अभी भी अंतिम मूल्यों के साथ भर जाते हैं के बाद वापस बटन दबाया जाता है (यह अपने आप फ़ॉर्म को फिर से जमा नहीं करता है या पता चलता है कि "इस बात की पुष्टि फ़ॉर्म प्रविष्टि" शीघ्र)। यह उपयोगकर्ता को मैन्युअल रूप से "सबमिट" पर क्लिक करने और डुप्लिकेट प्रविष्टि को बहुत आसानी से सबमिट करने की अनुमति देता है, जो मैं टालना चाहता हूं। ध्यान दें कि यह क्लासिक "रिपोस्ट" समस्या नहीं है, हम पोस्ट/रीडायरेक्ट/पैटर्न प्राप्त कर रहे हैं।

फॉर्म में 20+ फ़ील्ड हैं, और तकनीकी रूप से यह संभव बोल रहा है कि दो समान प्रविष्टियां वैध हो सकती हैं, लेकिन मैं बस बैक बटन दबाते समय फ़ील्ड को साफ़ करना चाहता हूं।

यहाँ मैं क्या कोशिश की है:

कोई कैश हेडर कोई कैश की

header('Cache-Control: must-revalidate, no-store, no-cache, private, max-age=0'); 
header('Pragma: no-cache'); 
header('Expires: Sat, 26 Jul 1997 05:00:00 GMT'); 

युग्म मेटा टैग

<meta http-equiv="cache-control" content="max-age=0" /> 
<meta http-equiv="cache-control" content="no-cache" /> 
<meta http-equiv="expires" content="0" /> 
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" /> 
<meta http-equiv="pragma" content="no-cache" /> 

सबमिट करना और जावास्क्रिप्ट के साथ पुनः निर्देशित

$('form').submit(function(){ 
    $.post($(this).attr('action'), $(this).serialize(), function(response){ 
     window.location = response.redirectUrl; 
    }); 
}); 

"ताज़ा" फ़ॉर्म

header('refresh:0; url=view_entry'); 

ताज़ा सत्र डेटा से शुरू हो रहा जमा करने के बाद पुन: निर्देशित (यहाँ एक छोटे से hacky हो रही ...) इस बात का

// psuedo PHP code for the "add" page 
if ($_SESSION['submit']) { 
    $_SESSION['submit'] = 0; 
    redirect(current_url); // Cross fingers and hope this clears the form 
} 
if ($formValid and $saveEntry) { 
    $_SESSION['submit'] = 1; 
    redirect(next_url); 
} 

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

मुझे यह उल्लेख करना चाहिए कि यह Google क्रोम में है। कोडिनेटर और jQuery उपलब्ध हैं अगर यह मदद करता है। एक सफल प्रविष्टि पोस्ट होने के बाद, उपयोगकर्ता बैक बटन हिट करने के बाद फॉर्म फ़ील्ड को साफ़ करना चाहता हूं। मुझे वास्तव में इस मुद्दे को पहले याद नहीं है, और मैं सभी विचारों से बाहर हूं। ऐसा करने का सही तरीका क्या है?

Answer 1

प्रतिक्रिया के बाद और रीडायरेक्ट से पहले व्यक्तिगत रूप से फ़ील्ड को साफ़ करने के लिए एक तेज़ और आसान तरीका होगा।

$('form').submit(function(){ 
    $.post($(this).attr('action'), $(this).serialize(), function(response){ 
     // HERE, clear the fields like... 
     $("#field_id_1").val(''); 
     $("#field_id_2").val(''); 
     // THEN do the redirect 
     window.location = response.redirectUrl; 
    }); 
}); 

यह सबसे व्यापक समाधान नहीं हो सकता है, लेकिन जब से तुम एक ajax कॉल का उपयोग कर अपने प्रस्तुत कर रहे हैं वैसे भी, वहाँ यह इस तरह से नहीं करने के लिए कोई कारण नहीं है।