2013-10-09 13 views
8

पर कॉल नहीं करता है मेरे पास एक साधारण HTML5 फॉर्म है जिसमें <input type="submit"> नहीं है क्योंकि फ़ॉर्म सबमिट करने के लिए बटन स्वयं फॉर्म के बाहर है। इस फॉर्म में कई इनपुट हैं जिनमें required="required" प्रॉपर्टी सेट हैं।jQuery सबमिट फ़ंक्शन HTML5 सत्यापन

कि मैं प्रस्तुत करेगा यह संलग्न निम्नलिखित कोड है प्रपत्र के बाहर बटन:

$('#upgrade_submit').click(function(){ 
    $('#cc-form-modal').submit(); 
    return false; 
}); 

जब बटन क्लिक किया जाता है, यह आवश्यक फ़ील्ड की सामान्य एचटीएमएल 5 सत्यापन नहीं चलता है। मैं क्या गलत कर रहा हूं? क्या सबमिट करने का कोई तरीका है कि सबमिट सबमिट करने से पहले फॉर्म वैध है या नहीं?

+0

संबंधित हो सकता है: http://stackoverflow.com/questions/11866910/how-to-force-a-html5-form-validation-without-submitting-it-via-javascript-jquery – Sergio

+1

@ सर्जीओ बहुत संबंधित है । स्वीकार्य उत्तर पर एकमात्र सुधार होगा, अगर मैं ऐसे समाधान के साथ आ सकता हूं जिसके लिए HTML5 की आवश्यकता नहीं होगी। – Icode4food

उत्तर

12

मैं इस तरह एक प्रस्तुत छिपा इनपुट तत्व जोड़कर मेरा लक्ष्य पूरा किया:

<input type="submit" class="submit" style="display:none;"> 

मैं तो मेरे बाहरी प्रस्तुत हैंडलर के लिए निम्न कोड अताशे।

$('#upgrade_submit').click(function(){ 
    $('#cc-form-modal .submit').click(); 
    return false; 
}); 

इससे एचटीएमएल 5 की वैधता को प्रदर्शित किया जाएगा, डिफ़ॉल्ट त्रुटि संदेश प्रदर्शित किए जाएंगे और सभी अच्छी तरह से काम करेंगे!

+0

शुद्ध jQuery गड़बड़। 2013 से कोई अन्य विधि नहीं है? – cadavre

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