2011-06-27 15 views
15

मैंने एक उत्तर खोजा है लेकिन उसे कोई नहीं मिला!सबमिट करने से पहले पुष्टि करें

मैं एक सरल रूप है,

<form action="adminprocess.php" method="POST"> 
    <input type="submit" name="completeYes" value="Complete Transaction" /> 
</form> 

मैं कैसे इस फार्म प्रक्रिया से पहले इस बात की पुष्टि करने के लिए समायोजित होगा?

मैंने कोशिश की, लेकिन यह काम नहीं कर सका।

कोई विचार?

अद्यतन - अब मेरे पास क्या है।

<script type="text/javascript"> 
var el = document.getElementById('myCoolForm'); 

el.addEventListener('submit', function(){ 
return confirm('Are you sure you want to submit this form?'); 
}, false); 
</script> 

<form action="adminprocess.php" method="POST" id="myCoolForm"> 
    <input type="submit" name="completeYes" value="Complete Transaction" /> 
</form> 
+1

onclick कोड है कि आप था क्या था? – AllisonC

+0

दस्तावेज में है ** ** ** के बाद आपको श्रोता ** जोड़ना होगा। इसे जोड़ने के लिए window.onload का उपयोग करें, या पेज में फॉर्म के बाद स्क्रिप्ट डालें। – RobG

+0

पता नहीं था कि इसे बाद में आना था, लेकिन यह समझ में आता है। धन्यवाद रॉब। – sark9012

उत्तर

35

HTML:

<form action="adminprocess.php" method="POST" id="myCoolForm"> 
    <input type="submit" name="completeYes" value="Complete Transaction" /> 
</form> 

जावास्क्रिप्ट:

var el = document.getElementById('myCoolForm'); 

el.addEventListener('submit', function(){ 
    return confirm('Are you sure you want to submit this form?'); 
}, false); 

संपादित करें: तुम हमेशा इस तरह इनलाइन जे एस कोड का उपयोग कर सकते हैं: आप पहले से ही jQuery उपयोग कर रहे हैं

<form action="adminprocess.php" method="POST" onsubmit="return confirm('Are you sure you want to submit this form?');"> 
    <input type="submit" name="completeYes" value="Complete Transaction" /> 
</form> 
+0

जब मैं बटन क्लिक करता हूं तो कुछ भी नहीं हो रहा है? बस adminprocess.php पेज पर जा रहे हैं! – sark9012

+0

क्या आपने मार्कअप I प्रदान किया था? आपके एचटीएमएल में आईडी तत्व शामिल नहीं है जिसे मैंने फॉर्म में जोड़ा है, इसलिए मैं इसे 'getElementById' विधि के माध्यम से पकड़ सकता हूं। –

+0

मैंने कोड कॉपी और पेस्ट किया है और यह केवल पुष्टिकरण प्रयास को छोड़ रहा है। मैं अब जो प्रश्न उठाता हूं उसके साथ प्रश्न अपडेट करूंगा। – sark9012

16
<input type="submit" onclick="return confirm('Are you sure you want to do that?');"> 
+0

@RobG आप थोड़ा सा गलत कर रहे हैं। यह '

<इनपुट प्रकार =" सबमिट करें "ऑनक्लिक =" वापसी की पुष्टि करें ('क्या आप वाकई ऐसा करना चाहते हैं?'); ">
' पूरी तरह से काम करता है – Greenisha

+0

@RobG ने थोड़ा सा – Greenisha

2

सही घटना ऑनसबमिट() है और यह प्रपत्र के साथ संलग्न किया जाना चाहिए। हालांकि मुझे लगता है कि ऑनक्लिक का उपयोग करना संभव है, लेकिन सबमिट पर सही है।

+1

संपादित किया है, इस पर सबमिट नहीं किया गया है। एक HTML विशेषता का नाम * ऑनसमेट * है, लेकिन संबंधित घटना [सबमिट] है [http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings-htmlevents) घटना। – RobG

+0

ठीक है, यह अर्थशास्त्र के बारे में है, क्योंकि ऑनक्लिक घटना भी नहीं है, लेकिन मैं आपसे सहमत हूं, क्योंकि आप सही शर्तों को इंगित कर रहे हैं –

1

.. आप सबमिट करने से पहले ट्रिगर करने के लिए इवेंट हैंडलर का उपयोग कर सकते हैं

$(document).ready(function() { 
    $("#formID").submit(function(){ 
     // handle submission 
    }); 
}); 

संदर्भ: http://api.jquery.com/submit/

+0

jQuery का उपयोग नहीं कर रहा है, लेकिन सुझाव के लिए धन्यवाद। निश्चित रूप से मुझे कुछ और जानने की जरूरत है। – sark9012

+0

यदि आप जावास्क्रिप्ट के साथ विकास करने जा रहे हैं तो मैं दृढ़ता से jQuery का उपयोग करने का सुझाव दूंगा। यह एक मंच प्रदान करता है जिस पर आपको स्वयं को बनाने के लिए कई फ़ंक्शन मिल सकते हैं, पहले से ही बनाए गए हैं। और यह बहुत विस्तार योग्य है। – Atticus

+0

इसके साथ पकड़ने के लिए सबसे अच्छी जगह पर कोई सुझाव? काफी बस jQuery वेबसाइट? – sark9012

-2

यदि आप एक से अधिक बटन है कि विभिन्न कार्यों आप इसे इस तरह से कर सकता है सबमिट करें।

<input TYPE=SUBMIT NAME="submitDelete" VALUE="Delete Script" onclick='return window.confirm("Are you sure you want to delete this?");'> 
0

var submit = document.querySelector("input[type=submit]"); 
 
    
 
/* set onclick on submit input */ 
 
submit.setAttribute("onclick", "return test()"); 
 

 
//submit.addEventListener("click", test); 
 

 
function test() { 
 

 
    if (confirm('Are you sure you want to submit this form?')) {   
 
    return true;   
 
    } else { 
 
    return false; 
 
    } 
 

 
}
<form action="admin.php" method="POST"> 
 
    <input type="submit" value="Submit" /> 
 
</form>

संबंधित मुद्दे