Disabling send button for empty input

Question

In designing a chat app i have text area and button in a form. To disable send button for empty textarea i did below code:

$(document).ready(function(){
    $('#btn1').prop('disabled',true);
    $('#msg').keyup(function(){
        $('#btn1').prop('disabled', this.value == "" ? true : false);    
    })
});

Above code is disabling send button for initial blank space as well which i want to restrict (remember in textarea " hai" is fine but "(all blank spaces)" is not fine)

Try $('#btn1').prop('disabled', !this.value.trim())

elclanrs
– elclanrs

2014-09-22 03:56:17 +00:00
Commented Sep 22, 2014 at 3:56 — elclanrs
– elclanrs, Commented Sep 22, 2014 at 3:56
no @elclanrs its enabling send button always.

prathap
– prathap

2014-09-22 04:02:59 +00:00
Commented Sep 22, 2014 at 4:02 — prathap
– prathap, Commented Sep 22, 2014 at 4:02

creeper · Accepted Answer · 2014-09-22 04:02:24Z

1

$('#msg').keyup(function(){
    var msg = this.value.trim(); // remove left and right blank spaces.
    $('#btn1').prop('disabled', msg == "" ? true : false);    
});

Just remove TOL and EOL blank spaces. If no trim method, implement it yourself.

answered Sep 22, 2014 at 4:02

creeper

4892 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Apul Gupta · Accepted Answer · 2014-09-22 04:14:31Z

1

Try this:

$('#msg').keyup(function(){
  var msg = $.trim($(this).val()); // remove left and right blank spaces.
  $('#btn1').prop('disabled', msg == "" ? true : false);    
});

answered Sep 22, 2014 at 4:14

Apul Gupta

3,0344 gold badges24 silver badges30 bronze badges

Comments

dennypanther · Accepted Answer · 2014-09-22 04:15:51Z

1

Try this...

 $('#btn1').prop('disabled', true);
    $('#msg').keyup(function() {
        $('#btn1').prop('disabled', $.trim(this.value) === "" ? true : false);
    });

answered Sep 22, 2014 at 4:15

dennypanther

632 silver badges11 bronze badges

Collectives™ on Stack Overflow

Disabling send button for empty input

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related