If input have value then run function

Question

if I have this element in my html code

<input type="text" name="name" placeholder="city">

Why alert doesnt appear if I fill same text into this input?

  if ( $("input").val().length > 0) {
    alert("X");
  }

You've to watch (listen event) when the value get changed then run your code. Learn about Events in JavaScript. — Khorshed Alam
– Khorshed Alam, Commented Nov 7, 2016 at 16:50

Marcos Pérez Gude · Accepted Answer · 2016-11-07 16:53:06Z

2

This should work:

$(document).ready(function(){
       $('input[name="name"]').change(function(){
          if ( $(this).val().length > 0 ){
             //Do something
          }
       });
 });

edited Nov 7, 2016 at 16:53

Marcos Pérez Gude

22.2k4 gold badges41 silver badges70 bronze badges

answered Nov 7, 2016 at 16:51

Tinsten

3562 silver badges15 bronze badges

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

Comments

Medda86 · Accepted Answer · 2016-11-07 16:47:18Z

1

Try this

$('input').keyup(function(){
   if ($(this).val().length > 0){
      alert('hey');
   }
});

answered Nov 7, 2016 at 16:47

Medda86

1,6501 gold badge13 silver badges19 bronze badges

1 Comment

DBS Over a year ago

Bare in mind if you want to catch text being entered by a right click then paste or other input methods, you may need to listen for some additional events. e.g. .on("keyup change mouseup", function(){})

Collectives™ on Stack Overflow

If input have value then run function

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related