jQuery检查输入是否为空

时间:2015-04-20 02:02:25

标签: javascript jquery html5

我试图把它弄到哪里,如果输入中有值,继续做你的事情,但如果没有,不要做任何事情。我一直在那里得到它,如果输入中没有任何内容,则会发生失败消息但仅当我按下回车键时 jsfiddle.net/BBaughn/8ovrmhgp单击右下角的空格,然后按Enter键。它不应该弹出,因为输入没有聚焦。

登录/失败jQuery:

$(document).ready(function(){
  $('.btn1').on('click', function(){
    var login = [marion, 'FATHER1'];

    var marion = $('#logging').val();
    marion = marion.toUpperCase();

    if (marion !== 'FATHER1' && $('#logging').val()) {
      alert('Login Failed');
  } else if (marion === 'FATHER1' && $('#logging').val()) {
    $('.notify').css('margin-top', '0');
      $('#logging').val('');
  }

  });
  $('.exit').on('click', function(){
    $('.notify').slideUp('slow');
  });
});

4 个答案:

答案 0 :(得分:0)

如果您只想检查输入是否为空,我猜测#logging是输入:

$('.btn1').on('click', function(){
    var marion = $('#logging').val();
    if (marion == '') {
       //this means the input value was empty
    }
});

答案 1 :(得分:0)

好的,我想我现在明白了。您按原样检查整个文档的按键,只需要检查输入。我认为这是一个很好的解决方案:

$('.login input').keypress(function (e) {
    if (e.which == 13 && !$('#logging').val()) {
        e.PreventDefault();
    } else if (e.which == 13 && $('.btn1').focus()) {
        $('.btn1').click();
    }
});

Working Fiddle here

答案 2 :(得分:0)

如果长度等于零,则表示该字段为空。添加长度=== 0后检查,请试试,

if (e.which == 13 && $('.btn1').val().length === 0) {
    e.preventDefault();
} else if (e.which == 13 && $('.btn1').focus()) {
    $('.btn1').click();
}

答案 3 :(得分:0)

$(document).ready(function(){
  $('.btn1').on('click', function(){
    var login = [marion, 'FATHER1'];

    var marion = $('#logging').val();
    marion = marion.toUpperCase();

    if (marion !== 'FATHER1' && $('#logging').val()) {
      alert('Login Failed');
  } else if (marion === 'FATHER1' && $('#logging').val()) {
    $('.notify').css('margin-top', '0');
      $('#logging').val('');
  }

  });
  $('.exit').on('click', function(){
    $('.notify').slideUp('slow');
  });
});

我没有意识到我的if语句是否输入没有检测到正确的登录,所以它是否失焦并不重要。现在它说“如果它不是FATHER1并且输入中只有值,那么发送此警报”