इनपुट धुंध काम नहीं कर रहा है

जब भी मैं इनपुट फ़ील्ड से बाहर क्लिक करता हूं, तो मैं इनपुट क्षेत्र में .success क्लास जोड़ने की कोशिश कर रहा हूं। हालांकि, जब मैं इनपुट से क्लिक करता हूं तो। रिकक्टेड क्लास अभी भी दिखा रहा है भले ही मैंने कक्षा को हटा दिया हो। मैं क्या गलत कर रहा हूं?

$('#legal_name').focus(function() {
    $('legal_name').removeClass('whiteBorder');
    $('#legal_name').addClass('required');
});
$('#legal_name').blur(function() {
    $('legal_name').removeClass('required');
    $('legal_name').addClass('success');
});
0
यह प्रश्न ऑफ़-विषय प्रतीत होता है क्योंकि यह एक टाइपो के बारे में है।
जोड़ा लेखक j08691, स्रोत
आप $ को $ ('legal_name') में भूल गए हैं। RemoveClass ('whiteBorder'); अब यह इस तरह के नोड की तलाश में है: जो यह नहीं मिलता है।
जोड़ा लेखक karthikr, स्रोत

4 उत्तर

टाइपो

$('#legal_name')
   ^ missing id-selector

# id-selector


or better use

$('#legal_name').focus(function() {
    $(this).removeClass('whiteBorder').addClass('required');
}).blur(function() {
    $(this).removeClass('required').addClass('success');
});

यह-कीवर्ड

4
जोड़ा
हमेशा के रूप में उपयोगकर्ता त्रुटि;) छोटे कोड भी लिखने के सुझाव के लिए धन्यवाद!
जोड़ा लेखक user2736472, स्रोत
@ user2736472 मदद करने के लिए आपका स्वागत है :)
जोड़ा लेखक Tushar Gupta, स्रोत

आप # संकेत गायब हैं।

$('#legal_name').focus(function() {
    $('#legal_name').removeClass('whiteBorder');
    $('#legal_name').addClass('required');
});

$('#legal_name').blur(function() {
    $('#legal_name').removeClass('required');
    $('#legal_name').addClass('success');
});
1
जोड़ा

आप $ ('legal_name') में # जोड़ने के लिए चूक गए हैं

Try add $('#legal_name')

0
जोड़ा
$('#legal_name').focus(function() {
$('legal_name').removeClass('whiteBorder');
$('#legal_name').addClass('required');
});
$('#legal_name').blur(function() {
$('#legal_name').removeClass('required');
// ^ your id identifier '#' is missing
$('#legal_name').addClass('success');
// ^ same here
});
0
जोड़ा