如何在使用jquery键入时删除类

Question

我想删除禁用提交表单的按钮的类.我可以在用户开始输入表单时执行此操作吗？按钮的ID为"add",类为"disabled".

这是html表单

<form id="form" class="col-lg-12 col-md-12 col-sm-12 col-xs-12" action="index.php"  method="post" >
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
    <label>SlackSpot Name</label>
    <input type="text" class="form-control required" placeholder="Spot Name" name="nome" id="nome">
<label>SlackSpot Description</label>
<textarea class="form-control required" rows="3" name="descrizione" placeholder="Description" id="descrizione"></textarea>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
    <label>SlackSpot Latitude</label>
    <input type="text" class="form-control required" placeholder="latitude" name="latitudine" id="lat" title="Insert your Spot latitude or live the geolocation value">
<label>SlackSpot Longitude</label>
<input type="text" class="form-control required" placeholder="longitude" name="longitudine" id="lon" title="Insert your Spot longitude or live the geolocation value">
</div>
  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
  <input class="btn btn-default pull-right disabled" type="submit" value="Add Spot" id="add">
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
  <button type="button" class="btn btn-danger pull-right" id="close">
    <span class="glyphicon glyphicon-remove"> Close</span>
  </button>
</div>

这是我的jquery代码

$("#nome,#lat,#lon").on('keyup', function (e) {
    if ($(this).val().length == 0) {
        $('#add').prop("disabled", true);
    } else {
      $('#add').prop("disabled", false);
    }
})

Answer 1

使用按键:

$( document ).ready(function() {
  $('#nome,#lat,#lon').on('keypress',function(){
     if($(this).val().length > 0){
        $('#add').removeClass('disabled');
     }
  });
});