getting input from button not working

Question

Below is my html code for the form

 <form id="taxi_distance_input" >




<div class="col-md-8" style="display: inline-block; left:-30px">
<div class="col-md-4">
<div class="input-group">

  <input type="text" class="form-control" id="usr"> </input>
<span class="input-group-addon" style="width: 50px">km</span>
</div>
</div>
<div class="col-md-4" style="padding-left:0px; margin-left:-10px">

 <input type="button" class="btn btn-success" value="Submit" id="myButton"> </input>

</div>
</div>
<p>&nbsp;</p>
</form>

And in the bottom of the page I give the

<script src="/js/form_input_parameter.js"></script>

Inside the form_input_parameter.js i have written the script

$(document).ready(function(){
    $('#myButton').click(function(){
        var text =  $("#usr").val();
        alert(text+"success");
 });

But it is not working .Any help is apprecited

Works fine here with proper close braces jsfiddle.net/n6ste5hh Note that <input> is a self closing tag — charlietfl
– charlietfl, Commented Dec 21, 2016 at 7:26
have you included jquery before your form_input_parameter.js and as Satpal said check the closing braces are missing — Aru
– Aru, Commented Dec 21, 2016 at 7:26

keziah · Accepted Answer · 2016-12-21 07:29:23Z

1

You've forgotten the }); at the end of your JS code
The input tag should end with />

$(document).ready(function() {
  $('#myButton').click(function() {
    var text = $("#usr").val();
    alert(text + " success");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="form-control" id="usr" />
<input type="button" class="btn btn-success" value="Submit" id="myButton" />

edited Dec 21, 2016 at 7:29

answered Dec 21, 2016 at 7:26

keziah

5641 gold badge6 silver badges24 bronze badges

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

1 Comment

charlietfl Over a year ago

Code only answers are virtually meaningless. At least provide an explanation

Collectives™ on Stack Overflow

getting input from button not working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related