Question

我需要找到一种方法来隐藏带有ID的范围＆＃39;忘了＆＃39;一旦该字段有任何输入。唯一一次“忘了”＆＃39;当字段为空时，span应该是可见的。

我目前有这个脚本......

<form>
    <input type="text" name="username" placeholder="Username or E-mail" autofocus><br>
    <input type="password" name="password" id='pass' placeholder="Password"><br>
    <span id="forgot">( <a class="forgot" href="<?php echo $dom; ?>forgot/">forgot?</a> )</span>
    <input type="submit" value="Login">
</form>

有没有更好的方法来检查用户的实时输入并让它运行一个函数？

Answer 1

 $(document).ready(function() {
    $(document).on('keypress', '#pass', function() {
        var value = $(this).val();
        if (value.length) {
            // $('#forgot').css("display", "block");
            // Or
            $('#forgot').show();
        } else {
            // $('#forgot').css("display", "none");
            // Or
            $('#forgot').hide();
        }
    });
});

您不应该在document上添加活动，而是添加pass而不是
使用show / hide函数
使用display：block代替initial
无需与==0

Answer 2

$(document).on('input', '.Required', function(){
    var required = false;
    var elems = $('.Required');
    for(var i in elems){
    if($(elems[i]).val() == ''){
       required = true;
    }
}
if(required){
  $('#forgot').show();
}else{
  $('#forgot').hide();
}

 });

在我的手机上并且未经测试。在输入字段中添加“必需”类。它应该显示具有该类名的任何字段。

使用jQuery在HTML输入字段中检查输入实时/带键击

2 个答案: