jQuery Simple Example

by Carl Angelo Nievarez

HTML

<script src="//www.addressfinder.co.nz/assets/v2/widget.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<form class="form-inline">
  <div class="form-group">
    <label class="" for="exampleInputAmount">Enter your name:</label>
    <input class="form-control" type="text" id="name">
    <input class="btn btn-success" type="submit" id="submit" disabled="true">
  </div>
</form>

CSS

body {
  padding: 5px;
}

label {
  font-weight: bold;
}

input[type=text] {
  width: 20em
}

p {
  margin: 1em 0 0;
}

JavaScript

$(document).ready(function() {

  $("input").keyup(function(e) {
    var a = $('#name').val().trim();
    if (a != '') {
      $('#submit').removeAttr('disabled');
    } else {
      $('#submit').attr("disabled", "true");
    }
  });
});