2012-05-24 10 views
8

मैं निम्नलिखित इनपुट:एक इनपुट अन-क्लिक करने योग्य प्रस्तुत बनाओ

<input type="submit" name="next" value="Next"> 

मैं कैसे jQuery के माध्यम से यह आइटम अन-क्लिक करने योग्य होगा? (यानी, के बाद इसे केवल पर क्लिक किया जा सकता है कुछ मान्य मानदंडों को पूरा किया जाता है)?

यहाँ इस सवाल का एक अनुवर्ती है: Make a submit clickable after validations are met

+3

यदि यह है, क्यों बस शुरू नहीं आपके मार्कअप में 'अक्षम = "अक्षम"' जोड़ने के साथ, और सत्यापन सफलतापूर्वक चलने के बाद इसे हटा दें? – ahren

+0

@ahren क्योंकि वह वह नहीं है जिसे उसने पूछा था। – Ohgodwhy

+1

वैसे भी डुप्लिकेट करें: http://stackoverflow.com/questions/1414365/how-to-disable-an-input-with-jquery – ahren

उत्तर

8

2 प्रदर्शन Demo 1 click here:याDemo 2 click here:

तो आप सभी की जरूरत होगी अगर मान्यता नहीं की सही ढंग से किया जाता है की जाँच करने के लिए है।

i.e. if (notValid) नीचे दिए गए कोड में चक और वह बटन को अक्षम कर देगा। या बेहतर अभी तक अक्षम next बटन से शुरू करें।

सक्षम करने के लिए आप संपत्ति को गलत के रूप में सेट कर सकते हैं, मुझे यकीन है कि आपको एक अच्छा विचार मिल जाएगा, और अधिक कोड प्रदान करें; मुझे आपकी मदद करने में खुशी है। बी-)

उम्मीद है कि इससे मदद मिलती है!

$("#submit").prop('disabled', true);​ 

या

$("input[type='submit']").prop('disabled', true);​ 
+0

$ ("# सबमिट")? एक आईडी जमा है? –

+0

HIya @vlzvl मैंने यह किया कि एक्स्ट्रा के रूप में अन्य डेमो भी देखें, कृपया समाधान प्रश्नकर्ता के लिए अधिक विचारों को देखने के लिए कृपया :) –

+0

बस देखा, बस इसे यहां भी संपादित करें :) –

3
$('input[name="next"]').prop('disabled', true); 
+0

+1 =) आपको भी ब्रूव! –

2

आप का उपयोग कर सकते हैं:

$("input[type=submit][name='next']").attr("disabled", "disabled"); // unclickable 

$("input[type=submit][name='next']").removeAttr("disabled"); // clickable 
0

एक इनपुट तत्व लगातार क्लिक ईवेंट या ब्राउज़रों में उनके आगे प्रसार को नहीं रोकता है अक्षम करना।

भले ही सत्यापन विफल होने पर false वापस लौटना उचित होगा, ताकि एक क्रिया (यानी एक फॉर्म सबमिट) निष्पादित न हो। यह दर्ज किए जाने से प्रपत्र पाएगा, और तब से क्लिक हैंडलर अभी भी निष्पादित किया जाता है तुम क्यों प्रविष्टि विफल के बारे में उपयोगकर्ता के लिए विवरण प्रदान करने में सक्षम हो जाएगा: 'के बाद' निश्चित मान्यता

$("#submit").click(function(){ 
    var isValid = true; 
    /*perform validation checks, changing isValid value to false when needed*/ 
    return isValid; //will return false if validation fails etc. 
}); 
संबंधित मुद्दे