Question

当用户名或密码为空时，我要求禁用登录按钮。

请在下面找到代码：

$(document).ready(function(){

    $('input').on('keyup  blur mouseenter', function(e) {


       if($("#userName").val().length!==0 && $.trim($('#userName').val()) !== '' && $("#password").val().length!==0 && $.trim($('#password').val())!== ''){

            $('#submitLogin').attr('disabled',false);
        }
    });
});

请在jsp页面中找到以下提交输入：

 <input class="button" name="submit" type="submit" id ="submitLogin"value="Login" disabled="true" ></div>

我设法在jquery中执行此操作，如上所示，但我的问题是浏览器保存的用户名和密码。

即用户首次登录应用程序浏览器要求用户保存用户名和密码，用户单击“是”。

因此，一旦用户打开登录页面时保存了用户名/密码，用户名和密码就已填写，但登录按钮仍然被禁用。

它是禁用的，因为即使输入的用户名/密码已经填写，当它调用jquery方法时，两个输入文本的值都为null。

但是，当用户再次单击时，将初始化用户名和密码并启用submitLogin。

知道如何在第一次加载页面时获取保存的用户名和密码的值，以便我可以启用登录输入吗？

提前感谢您的帮助。

Answer 1

尝试$.removeAttr()，$.change()并使用输入input class="button" name="submit" type="submit" id="submitLogin" value="Login">，如此

$(document).ready(function() {

  if ($("#userName").val().length !== 0 && $.trim($('#userName').val()) !== '' && $("#password").val().length !== 0 && $.trim($('#password').val()) !== '') {

    $('#submitLogin').removeAttr('disabled');
  } else {
    $('#submitLogin').attr('disabled', "");
  }

  $('input').on('change keyup  blur mouseenter ', function(e) {


    if ($("#userName").val().length !== 0 && $.trim($('#userName').val()) !== '' && $("#password").val().length !== 0 && $.trim($('#password').val()) !== '') {

      $('#submitLogin').removeAttr('disabled');
    } else {
      $('#submitLogin').attr('disabled', "");
    }

  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<input type='text' id='userName' />
<input type="password" id="password"/>
<input class="button" name="submit" type="submit" id="submitLogin" value="Login">

Answer 2

    $(document).ready(function(){

        $('input').on('keyup blur mouseenter', function(e) {

            if($.trim($('#userName').val()) && $.trim($('#password').val())){

                $('#submitLogin').prop('disabled',false);
            }
        });
    });

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="//cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
</head>
<body>
<input id="userName">
<input id="password">
<input class="button" name="submit" type="submit" id ="submitLogin"value="Login" disabled="disabled" ></div>
</body>
</html>

如何在jquery

2 个答案: