Question

我使用jQuery显示的警报消息有问题。一旦显示，我将进行数据验证，然后尝试再次将其隐藏。

它不起作用，控制台中也没有错误，甚至包括前后的日志打印内容。

代码

/var/lib/mysql/{hostname}-slow.log

$('#password, #confirm_password').on('keyup', function () {
  if ($('#password').val() == $('#confirm_password').val()) {
      $('#error-message').hide();
      $('#message').html('').css('color', 'green');
  } else 
      $('#message').html('Passwords Do Not Match').css('color', 'red');
      $('#error-message').show();
});

已显示但没有再次隐藏

Answer 1

您在else语句中缺少{}。

$('#password, #confirm_password').on('keyup', function () {
  if ($('#password').val() == $('#confirm_password').val()) {
      $('#error-message').hide();
      $('#message').html('').css('color', 'green');
  } else {
      $('#message').html('Passwords Do Not Match').css('color', 'red');
      $('#error-message').show();
  }
});

.alert {
  display: none;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="alert alert-danger" id="error-message">
   <h6 align="left" id='message'></h6> 
</div>

<input type="text" id="password"/>
<input type="text" id="confirm_password"/>

一次显示后，bootstrap警报未隐藏

1 个答案: