jQuery: फॉर्म $ ("# id") के साथ सबमिट नहीं कर रहा है। सबमिट करें(), लेकिन 'सबमिट' बटन के साथ सबमिट करेगा?

Question

<form method="post" action="load_statements.php?action=load" id="loadForm" 
          enctype="multipart/form-data"> 

जो मेरा फॉर्म है, जो मुझे ठीक लग रहा है।

<input type="button" name="submit" id="submit" value="Submit" onclick="confirmSubmit()" class="smallGreenButton" /> 

यहां समारोह में यह कहता है: उस रूप में, मैं इस बटन डाल दिया।

function confirmSubmit() { 
    // get the number of statements that are matched 
    $.post(
     "load_statements.php?action=checkForReplace", 
     { 
      statementType : $("#statementType").val(), 
      year : $("#year").val() 
     }, 
     function(data) { 
      if(data['alreadyExists']) { 
       if(confirm("Statements already exist for " + $("#statementType").html() + " " + $("#year").val() + 
        ". Are you sure you want to load more statements with these settings? (Note: All duplicate files will be replaced)" 
       )) { 
        $("#loadForm").submit(); 
       } 
      } else { 
       $("#loadForm").submit(); 
      } 
     }, "json" 
    ); 
} 

यह $("#loadForm").submit(); कॉल करता है और जैसा कि आप देख सकते हैं, लेकिन पर्चे को जमा नहीं कर रहा है (यानी पृष्ठ ताज़ा नहीं है)। ऐसा क्यों है?

धन्यवाद!

Answer 1

http://api.jquery.com/submit/

jQuery प्रस्तुत का उपयोग कर पृष्ठ से नेविगेट कर सकते हैं() घटना होने की जब आप प्रपत्र सबमिट एक घटना श्रोता कहते हैं। तो आपका कोड सबमिट घटना में अनिवार्य रूप से कुछ भी बाध्यकारी नहीं है। यदि आप उस फॉर्म को सबमिट करना चाहते हैं, तो आप पुराने स्कूल जावास्क्रिप्ट (document.formName.submit()) का उपयोग करें।

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

मैं अपने मूल जवाब बताते जहाँ मैं बंद किया गया था (के रूप में कम से कम दो लोग पहले से ही के लिए मुझे downvoted है) बरकरार जा रहा हूँ। मैं क्या कहना चाहता हूं, यह है कि यदि आपके पास ऐसा कोई कार्य है, तो यह भ्रमित है कि आप अजाक्स भाग में मान क्यों पोस्ट करेंगे और फिर फ़ॉर्म सबमिट करने के लिए jQuery का उपयोग करें। इस मामले में, मैं 'बटन पर क्लिक करने के लिए घटना के लिए बाध्य होगा, और फिर सच वापसी अगर आप इसे वापस करना चाहते हैं, अन्यथा, झूठे वापसी, इसलिए

$('#submit').click(function() { 
    // ajax logic to test for what you want 
    if (ajaxtrue) { return confirm(whatever); } else { return true;} 
}); 

की तरह इस समारोह सच देता है, तो फिर यह मायने रखता है सबमिट बटन के सफल क्लिक के रूप में और सामान्य ब्राउज़र व्यवहार होता है। फिर आपने एक ईवेंट हैंडलर के रूप में मार्कअप से तर्क को भी अलग कर दिया है।

अधिक समझदारी करें? <div style="display:none"><input id="alternateSubmit" type="submit" /></div>

:

Answer 2

ऐसा लगता है कि आपके पास कॉलबैक में सबमिट हो रहा है जो केवल आपके ऑनक्लिक हैंडलर में एजेक्स पोस्ट के बाद चलता है।

दूसरे शब्दों में, जब आप सबमिट करते हैं, तो ब्राउजर को पहले बाहर जाना होगा और चेकफॉररप्लेस एक्शन दबाएं।

Answer 3

इसके अजाक्स कॉल, आपको एजेक्स का उपयोग करके पहले से ही संसाधित करते समय अपना फॉर्म जमा करने की आवश्यकता क्यों है। आप

window.location.href = "/somewhere/else"; 

Answer 4

मैं एक अदृश्य फार्म के लिए सबमिट बटन, और बदले प्रस्तुत() फ़ंक्शन को बुलाने की, मैं सबमिट बटन पर क्लिक() फ़ंक्शन को कॉल =)

बटन जोड़ा फॉर्म सबमिशन के चारों ओर पाने का पागल तरीका: $("#alternateSubmit").click();

Answer 5

किसी अन्य चीज़ के बटन को "सबमिट" नाम बदलें। इससे समस्या आती है।पर dennisjq के देखें जवाब: http://forum.jquery.com/topic/submiting-a-form-programmatically-not-working

) jQuery प्रस्तुत देखें (प्रलेखन:

फ़ॉर्म और अपने बच्चे तत्वों इनपुट नाम या आईडी उपयोग नहीं करना चाहिए कि इस तरह के प्रस्तुत के रूप में एक फार्म के गुणों, साथ संघर्ष , लंबाई, या विधि। नाम विवाद भ्रमित विफलताओं का कारण बन सकता है। नियमों की पूरी सूची के लिए और इन समस्याओं के लिए अपना मार्कअप जांचने के लिए, DOMLint देखें।

Answer 6

मैं $("form")[0].submit()

यहाँ

$("form") सम्बंधित सूचकांक हम प्रपत्र तत्व के लिए डोम वस्तु हो और कि डोम तत्व के भीतर submit() समारोह निष्पादित कर सकते हैं पर पहुंचकर डोम तत्वों की एक सरणी देता है तो का उपयोग करें।

वापस ड्रा यदि आप एक html पृष्ठ के भीतर कई प्रपत्र तत्व आप मैं एक ऐसी ही समस्या थी "फार्म" रों

Answer 7

का सही क्रम के बारे में एक विचार करना होगा है, यह पता लगाने के लिए कुछ समय लिया। jQuery के .submit() फ़ंक्शन को फ़ॉर्म सबमिट करना चाहिए यदि आप इसे हैंडलर पास नहीं करते हैं, लेकिन इसका कारण यह नहीं है क्योंकि आपका सबमिट बटन "सबमिट" नाम दिया गया है और फॉर्म के सबमिट फ़ंक्शन को ओवरराइड कर रहा है।

यानी jQuery ने DOM ऑब्जेक्ट के <form>.submit() फ़ंक्शन को कॉल किया है, लेकिन किसी फॉर्म के भीतर सभी इनपुट <form>.<inputname> पर कॉल करके भी पहुंच सकते हैं। इसलिए यदि आपके इनपुट में से एक को 'सबमिट' नाम दिया गया है तो यह <form>.submit() फ़ंक्शन को <form>.submit के साथ ओवरराइड करता है - इनपुट डोम तत्व होने के नाते .... अगर यह समझ में आता है? तो जब jQuery <form>.submit() पर कॉल करता है तो यह काम नहीं करता है क्योंकि सबमिट अब कोई फ़ंक्शन नहीं है। तो, यदि आप अपने बटन का नाम बदलते हैं तो इसे काम करना चाहिए।

यह सुनिश्चित नहीं है कि कंसोल एक त्रुटि क्यों नहीं लॉग करता है, शायद jQuery पहले जांच कर रहा है कि सबमिट फ़ंक्शन मौजूद है और यदि फ़ंक्शन मौजूद नहीं है तो अनुरोध को अनदेखा कर रहा है।

Answer 8

मिटा विशेषता "नाम" आपकी सबमिट बटन में:

<input type="button" name="submit" id="submit" value="Submit" onclick="confirmSubmit()" class="smallGreenButton" /> 

इस तरह होना चाहिए:

यह आपके कोड है

<input type="button" id="submit" value="Submit" onclick="confirmSubmit()" class="smallGreenButton" />