Бос енгізуді және мәтіндік кеңістікті жіберуді болдырмаңыз

Мен input textarea және енгізу дегенмен жұмыс істеймін. кіріс және textarea бос болған кезде түймесі - бұл өшірілген .

This is Html

<input type="text" class="area">


<input type="button" class="btn" value="send" disabled>

Javascript

$('.area').on('keyup' , function() {
    if( $('input').val().length > 0 && $('textarea').val().length > 0 ){
        $('.btn').prop('disabled', false);
    }
    else {
        $('.btn').prop('disabled', true);
    }
});

It works fine, but , if a press the spacebar and so it types blank chars , the lengths are not < 0 anymore and so the button not anymore disabled. How can I prevent this situation?

3
Кеңеске рахмет, бірақ мен жылдам шеберлігімді жасадым, басқа кодта нақты кодты сыныптар мен иелерге байлады. Барлығыңызға рахмет
қосылды автор steo, көзі
түсіндіріп беріңіз.
қосылды автор steo, көзі
Сондай-ақ, бірінші селекторға input орнына input [type = «text»] пайдаланыңыз. Тек дәл болу үшін (олай болмаған жағдайда val() ) бұл тек коллекцияның бірінші элементін ғана есепке алады, бірақ бір өзгерту сіздің кодты бұзу жеткілікті).
қосылды автор kapa, көзі

13 жауаптар

Мәндерді тазалау үшін $ trim() пайдаланыңыз жетекші және артқы кеңістіктерді өшіру

if( $.trim($('input').val()).length > 0 && $.trim($('textarea').val()).length > 0 ) {

}
7
қосылды
керемет, рахмет!
қосылды автор steo, көзі

«Кесу» функциясы бар екендігіне сендіретін келесі функция анықтамаларын пайдаланыңыз

if(typeof String.prototype.trim!=="function")
String.prototype.trim=function(){
    return this.replace(/^\s+|\s+$/g,"")
}

енді сіздің кодыңыз пайдаланушы кірісін өзгертпеуі керек ... бірақ пайдаланушы тек «бос орындар»

$('.area').on('keyup' , function() {
if( $('input').val().trim().length > 0 && $('textarea').val().trim().length > 0 ){
    $('.btn').prop('disabled', false);
} else {
    $('.btn').prop('disabled', true);
}

});

1
қосылды

«Кесу» функциясы бар екендігіне сендіретін келесі функция анықтамаларын пайдаланыңыз

if(typeof String.prototype.trim!=="function")
String.prototype.trim=function(){
    return this.replace(/^\s+|\s+$/g,"")
}

енді сіздің кодыңыз пайдаланушы кірісін өзгертпеуі керек ... бірақ пайдаланушы тек «бос орындар»

$('.area').on('keyup' , function() {
if( $('input').val().trim().length > 0 && $('textarea').val().trim().length > 0 ){
    $('.btn').prop('disabled', false);
} else {
    $('.btn').prop('disabled', true);
}

});

1
қосылды

«Кесу» функциясы бар екендігіне сендіретін келесі функция анықтамаларын пайдаланыңыз

if(typeof String.prototype.trim!=="function")
String.prototype.trim=function(){
    return this.replace(/^\s+|\s+$/g,"")
}

енді сіздің кодыңыз пайдаланушы кірісін өзгертпеуі керек ... бірақ пайдаланушы тек «бос орындар»

$('.area').on('keyup' , function() {
if( $('input').val().trim().length > 0 && $('textarea').val().trim().length > 0 ){
    $('.btn').prop('disabled', false);
} else {
    $('.btn').prop('disabled', true);
}

});

1
қосылды

jquery-дің trim функциясын қолданыңыз:

$('.area').on('keyup' , function() {
    if($.trim($('input').val()).length > 0 && $.trim(($('textarea').val()).length > 0 ){
        $('.btn').prop('disabled', false);
    }
    else {
        $('.btn').prop('disabled', true);
    }
});
0
қосылды

jquery-дің trim функциясын қолданыңыз:

$('.area').on('keyup' , function() {
    if($.trim($('input').val()).length > 0 && $.trim(($('textarea').val()).length > 0 ){
        $('.btn').prop('disabled', false);
    }
    else {
        $('.btn').prop('disabled', true);
    }
});
0
қосылды
$('.area').on('keyup' , function() {
   if($.trim($('input').val()).length > 0 && $.trim($('textarea').val()).length > 0 ){
       $('.btn').prop('disabled', false);
   }
   else {
    $('.btn').prop('disabled', true);
   }
});
0
қосылды
<form>
<input type="text" id="text1" value="name"/>


<input type="button" id="button1" value="click">click</button>
</form>
if( $('#text1').val().length > 0 && $('text2').val().length > 0 ){
       $('#button1').prop('disabled', false); 
    }
    else {
        $('#button1').prop('disabled', true);
    }
0
қосылды
<form>
<input type="text" id="text1" value="name"/>


<input type="button" id="button1" value="click">click</button>
</form>
if( $('#text1').val().length > 0 && $('text2').val().length > 0 ){
       $('#button1').prop('disabled', false); 
    }
    else {
        $('#button1').prop('disabled', true);
    }
0
қосылды
<form>
<input type="text" id="text1" value="name"/>


<input type="button" id="button1" value="click">click</button>
</form>
if( $('#text1').val().length > 0 && $('text2').val().length > 0 ){
       $('#button1').prop('disabled', false); 
    }
    else {
        $('#button1').prop('disabled', true);
    }
0
қосылды

[Төмендегі сілтемеге қараңыз. Мұнда мен осы сұраққа жауап алдым] [1]

    $(document).ready(function(){ 
$("#txtNoSpaces").keydown(function(event) {
    if (event.keyCode == 32) {
        event.preventDefault();
    }
});
});

http://jsfiddle.net/jquerybyexample/MwEkj/

0
қосылды

[Төмендегі сілтемеге қараңыз. Мұнда мен осы сұраққа жауап алдым] [1]

    $(document).ready(function(){ 
$("#txtNoSpaces").keydown(function(event) {
    if (event.keyCode == 32) {
        event.preventDefault();
    }
});
});

http://jsfiddle.net/jquerybyexample/MwEkj/

0
қосылды

[Төмендегі сілтемеге қараңыз. Мұнда мен осы сұраққа жауап алдым] [1]

    $(document).ready(function(){ 
$("#txtNoSpaces").keydown(function(event) {
    if (event.keyCode == 32) {
        event.preventDefault();
    }
});
});

http://jsfiddle.net/jquerybyexample/MwEkj/

0
қосылды