当输入字段不为空时,如何立即隐藏所需的消息

时间:2015-03-16 17:54:55

标签: jquery

有一个输入文件。点击"提交"它是空的。按钮,它会显示所需的消息,例如"此字段是必需的"。触摸输入并键入任何需要消息的内容应该在输入字段中输入任何内容时消失,该输入字段不再为空。但是,在打字时我无法立即隐藏该消息。再次单击“提交”按钮后,它已被隐藏。但是,当归档不再是空的时候,我需要立即隐藏。这该怎么做?我用过:

if ($('#field').val() == '') {
      $('.required').show();
  } else {
     $('.required').hide();
  }

Fiddle Work

1 个答案:

答案 0 :(得分:3)

更新

$('body').on('click', 'button', formSubmit);
$('#field').keyup(isFormValid);

function isFormValid() {
    if ($('#field').val() == '') {
        $('.required').show();
        return false;
    } else {
        $('.required').hide();
        return true;
    }
}
function formSubmit(){
    if(isFormValid()){
        alert('form is valid');
    }else{
        alert('form is not valid');
    }
}

更新了demo 2


您必须使用.keyup然后执行与点击相同的检查。

像这样的东西

$('body').on('click', 'button', formCheck);
$('#field').keyup(formCheck);

function formCheck() {
    if ($('#field').val() == '') {
        $('.required').show();
    } else {
        $('.required').hide();
    }
}

这是demo