Show Submit Button Only When Text Field is Filled Out

by Matthew Schenker

HTML

<input type="text" name="name" id="name">
<input type="submit" id="button" class="button" name="submit" value="Confirm" />

CSS

.button {
  display: none;
}

JavaScript

$("#name").keyup(function() {
  if ($(this).val()) {
    $("#button").show();
  } else {
    $("#button").hide();
  }
});