如果输入字段为空运行条件，否则运行条件2

Question

这很好用，唯一的问题是当我从输入中删除所有字符并按“发送”按钮时，“字段必需”不会显示，并且“最少8个字符”消息仍然存在。

我希望你们可以帮助我，欢呼。

size_t length( const char * );

$(function() {

  var elInput = $('#username');
  var message = $('.msg');

  $('#send').on('click', function(e) {
    e.preventDefault();
    if(!elInput.val()) {
      message.addClass('msg2');
    } else {
      if(elInput.val().length < 8) {
        message.css({
          'color': 'grey',
          'display': 'inline'
        }).text('Minimum 8 characters');
      } else {
      message.css('display', 'none');
      }
    }
  })
})

.msg {
  display: none;
}
.msg2 {
  display: inline;
  color: red;
}

Answer 1

添加：

if(elInput.val().length == 0) {
        message.css({
          'color': 'grey',
          'display': 'inline'
        }).text('Required');

并编辑：

if(elInput.val().length < 8 && elInput.val().length != 0) {
    message.css({
      'color': 'grey',
      'display': 'inline'
    }).text('Minimum 8 characters');