मैं jquery में फॉर्म सबमिट ईवेंट से क्लिक किए गए बटन को कैसे ढूंढ सकता हूं?

Question

मैं एक समारोह है कि मैं एक रूप के कई Postbacks को रोकने के लिए उपयोग कर रहा हूँ है:

var submitted = false; 
$(function() { 
    $('form').bind('submit', function(e) { 
     if (!submitted && CanSubmit(e)) { 
      submitted = true; 
      return true; 
     } else { 
      return false; 
     } 
    }); 
}); 

CanSubmit विधि में, मैं निर्धारित करने के लिए कि क्या मैं सबमिट करें या नहीं की अनुमति चाहिए बटन क्लिक किए गए पूछताछ करने की जरूरत है ।

ध्यान दें कि मैं विशिष्ट क्लिक घटनाओं के लिए बाध्य नहीं कर सकते हैं - अधिक जानकारी के लिए this previous question देखते हैं।

Firefox में, मैं e.originalEvent.explicitOriginalTarget उपयोग कर सकते हैं, लेकिन यह जाहिरा तौर पर IE में उपलब्ध नहीं है।

मैं एक क्रॉस-ब्राउज़र रास्ते में e पैरामीटर से यह मान कैसे मिल सकता है?

Answer 1

वास्तव में आप सिर्फ $(':submit').bind('click' साथ $('form').bind('submit' की जगह कर सकते हैं और अपने कोड बस के रूप में अच्छी तरह से काम करेगा (और आप this इस्तेमाल कर सकते हैं देखने के लिए क्या क्लिक किया गया था)।

Answer 2

क्रॉस ब्राउज़र स्थिरता के लिए e.target - jQuery normalizes it का उपयोग करें।

explicitOriginalTarget के लिए सबसे नज़दीकी चीज़ जो मुझे मिल सकती है document.activeElement (आईई के लिए) - यह वह तत्व है जिसने घटना के दौरान ध्यान केंद्रित किया था। वेबकिट आधारित ब्राउज़र के लिए कोई समकक्ष नहीं है। तो नहीं, केवल ईवेंट ऑब्जेक्ट के साथ ऐसा करने के लिए कोई वास्तविक क्रॉस ब्राउज़र तरीका नहीं है।

Answer 3

जब आप सबमिट करते हैं तो सबमिट फ़ंक्शन को अनइंड क्यों नहीं करते? यह होगा की गारंटी देता है केवल एक ही प्रस्तुत:

$(function() { 
    $('form').bind('submit', function(event) { 
      // regular submit form stuff here 
     ... 
      // and unbind it 
     $('this').unbind(event);  
    }); 
}); 

चेकआउट .unbind() के तहत,

या "घटना वस्तु का उपयोग करना", के रूप में मैट गेंद टिप्पणी में कहा, आप .one() उपयोग कर सकते हैं, जो उपरोक्त के बराबर।

$(function() { 
    $('form').one('submit', function(event) {   // <== Only executed once 
      // regular submit form stuff here 
     ... 
    }); 
}); 

आप प्रपत्र कई घटनाओं/तत्वों के लिए बाध्य की $.post() या $.get() प्रस्तुत है, तो आप बस संचालक कि समाप्त होता है event वस्तु का उपयोग कर के भीतर ही से इस्तेमाल किया जा रहा निकल करने के लिए सुनिश्चित करने के लिए है, और फिर अन्य सभी हैंडलरों को भी बाध्य करें, और इन अन्य हैंडलरों में से प्रत्येक के विपरीत। आप one of about four methods to unbind event handlers का उपयोग कर अन्य हैंडलर को अनबाइंड कर सकते हैं।

Answer 4

.one समारोह का उपयोग क्यों नहीं, यह केवल एक बार आग की गारंटी देता है।

$(function() { 
    $('form').one('submit', function(event) { 
     // regular submit form stuff here  
    }); 
});