Question

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

＆＃13;

$('#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);

});

＆＃13;

<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>

＆＃13;

Answer 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);
  }
});

<强>演示

＆＃13;

$('#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);
  }
});

＆＃13;

<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>

＆＃13;

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

1 个答案: