jQuery - 按钮已禁用但无法再次启用答案

【问题标题】：jQuery - button disabled but can't be enabled againjQuery - 按钮已禁用但无法再次启用
【发布时间】：2017-11-17 12:22:05
【问题描述】：

这是我的 HTML 表单和 jQuery 代码，如果密码和确认密码不匹配，则会显示一条消息，同时提交按钮被禁用。但是当密码匹配时，错误消息消失但按钮没有被启用。请帮忙。

$('#password, #confirm_password').on('keyup', function() {
  if ($('#password').val() == $('#confirm_password').val()) {
    $('#regbtn').prop('disabled', false);
    $('#message').html('');
  } else
    $('#message').html('Not Matching').css('color', 'red');
  $('#regbtn').prop('disabled', true);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name="emailus" class="" method="post" action="session.php">
  <div class="signupform">
    <div>
      <input class="inputbox" type="text" name="Name" placeholder="Name" required>
    </div>
    <div>
      <input class="inputbox" type="email" name="Email" placeholder="Email" required>
    </div>
    <div>
      <input class="inputbox" type="Number" name="Mobile" placeholder="Mobile" required>
    </div>
    <div>
      <input class="inputbox" type="password" id="password" name="password" placeholder="password" required>
    </div>
    <div>
      <input class="inputbox" type="password" id="confirm_password" name="txtConfirmPassword" placeholder="Confirm password" required><span id='message'></span>
    </div>
    <div>
      <textarea class="inputbox" name="Company" placeholder="Company" required></textarea>
    </div>
    <div>
      <textarea class="inputbox" name="Designation" placeholder="Designation" required></textarea>
    </div>
    <div>
      <input class="inputbox submiit" type="submit" id="regbtn" name="Submit" value="Submit" class="modal fade">
    </div>
  </div>
</form>

【问题讨论】：

标签： jquery html

【解决方案1】：

如果添加这些，则 else 语句中缺少括号 {}。

$('#password, #confirm_password').on('keyup', function() {
  if ($('#password').val() == $('#confirm_password').val()) {
    $('#regbtn').prop('disabled', false);
    $('#message').html('');
  } else {
    $('#message').html('Not Matching').css('color', 'red');
    $('#regbtn').prop('disabled', true);
  }
});

演示

$('#password, #confirm_password').on('keyup', function() {
  if ($('#password').val() == $('#confirm_password').val()) {
    $('#regbtn').prop('disabled', false);
    $('#message').html('');
  } else {
    $('#message').html('Not Matching').css('color', 'red');
    $('#regbtn').prop('disabled', true);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name="emailus" class="" method="post" action="session.php">
  <div class="signupform">

    <div><input class="inputbox" type="text" name="Name" placeholder="Name" required></div>
    <div><input class="inputbox" type="email" name="Email" placeholder="Email" required></div>
    <div><input class="inputbox" type="Number" name="Mobile" placeholder="Mobile" required></div>
    <div><input class="inputbox" type="password" id="password" name="password" placeholder="password" required></div>
    <div><input class="inputbox" type="password" id="confirm_password" name="txtConfirmPassword" placeholder="Confirm password" required><span id='message'></span></div>
    <div><textarea class="inputbox" name="Company" placeholder="Company" required></textarea></div>
    <div><textarea class="inputbox" name="Designation" placeholder="Designation" required></textarea></div>
    <div>
      <input class="inputbox submiit" type="submit" id="regbtn" name="Submit" value="Submit" class="modal fade">
    </div>

  </div>
</form>

【讨论】：

@JahangirAlam 是时候开始使用一个体面的 IDE 来为您重新格式化您的代码了吗？如果您将其添加为 sn-p 并单击“整洁”，即使 SO sn-p 编辑器也会为您突出显示。