Jquery trap form submit()

Question

मैं वर्तमान में एक फॉर्म जमा करने के लिए jquery का उपयोग कर रहा हूं और उपयोगकर्ताओं को पुष्टि के लिए एक संवाद दिखा रहा हूं। यदि उपयोगकर्ता हां क्लिक करता है, तो फॉर्म जमा करना चाहिए। यदि उपयोगकर्ता नहीं क्लिक करता है, तो संवाद बंद करें।

यह सब ठीक काम करता है लेकिन एक मुद्दे के लिए: जब उपयोगकर्ता हाँ पर क्लिक करता है, तो यह फिर से उसी कोड को ट्रिगर करता है, और संवाद फिर से खोला जाता है।

$("#myform").submit(function (event) { 
    if (something) { 
     var $dialog = $('<div></div>').dialog({ 
      buttons: { 
       "OK": function() { 
        $dialog.dialog('close'); 
        $("#myform").submit(); 
        return; 
       }, 
       Cancel: function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
     $dialog.dialog('open'); 
     event.preventDefault(); 
     return false; 
    } else { 
     $("#myform").submit(); 
    } 
}); 

मुझे समझ में क्यों यह हो रहा है, बस सबसे अच्छा तरीका यह चारों ओर पाने के लिए पर यकीन नहीं। मुझे एहसास है कि मैं फॉर्म सबमिट करने के बजाय बटन क्लिक पर मोडल दिखा सकता हूं, लेकिन फॉर्म सबमिट करने के लिए कीबोर्ड पर एंटर बटन मारने वाले उपयोगकर्ता की समस्या के आसपास यह समस्या नहीं आती है।

Answer 1

क्योंकि आप submit फार्म, submit घटना फिर से और इतने ईवेंट हैंडलर से चलाता है जब। उपयोगकर्ता OK कहता है कि आपको unbindsubmit ईवेंट हैंडलर की आवश्यकता है। इस

$("#myform").submit(function (event) { 
    if (something) { 
     var $dialog = $('<div></div>').dialog({ 
      buttons: { 
       "OK": function() { 
        $dialog.dialog('close'); 
        //Check this line - unbinding the submit event handler 
        $("#myform").unbind('submit').submit(); 
        return; 
       }, 
       Cancel: function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
     $dialog.dialog('open'); 
     event.preventDefault(); 
     return false; 
    } else { 
     $("#myform").submit(); 
    } 
}); 

Answer 2

आप रिटर्न फाल्स चाहिए जब OK:

$("#myform").submit(function (event) { 
    if (something) { 
     var $dialog = $('<div></div>').dialog({ 
      buttons: { 
       "OK": function() { 
        $dialog.dialog('close'); 
        $("#myform").submit(); 
        return false; // <=== not just return; 
       }, 
       Cancel: function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
     $dialog.dialog('open'); 
     event.preventDefault(); 
     return false; 
    } else { 
     $("#myform").submit(); 
    } 
}); 

या मैन्युअल हटाना सबमिट करें:

buttons: { 
"OK": function() { 
    $dialog.dialog('close'); 
    //$("#myform").submit(); <-- delete it 
    return; 
}, 

Answer 3

मैं तो जैसे कुछ छिपा इनपुट से something या तो एक namespaced वैश्विक, या एक मूल्य होगा प्रयास करें:

var something = nameSpaced.something || $('#hiddenInput').val(); //your choice 
if (something) { 
    ... 
} ... 

आपका तर्क सामान्य रूप से तो काम करना चाहिए।

Answer 4

फ़ॉर्म सबमिट करने के लिए jQuery ऑब्जेक्ट का उपयोग करने का इरादा, आप डीओएम तत्व का उपयोग कर सकते हैं कि jQuery ऑब्जेक्ट फॉर्म को सबमिट करने के लिए संदर्भित करता है। यह jQuery घटना हैंडलर को छोड़ देता है। आपका ठीक फ़ंक्शन इस तरह दिखेगा:

"OK": function() { 
    $dialog.dialog('close'); 
    $("#myform").get(0).submit(); // use the underlying DOM element to sumbit 
    return false; 
},