Javascript 如何在jquery中识别保存浏览器用户名和密码
当用户名或密码为空时,我需要禁用登录按钮 请查找以下代码:Javascript 如何在jquery中识别保存浏览器用户名和密码,javascript,jquery,html,spring-mvc,spring-security,Javascript,Jquery,Html,Spring Mvc,Spring Security,当用户名或密码为空时,我需要禁用登录按钮 请查找以下代码: $(document).ready(function(){ $('input').on('keyup blur mouseenter', function(e) { if($("#userName").val().length!==0 && $.trim($('#userName').val()) !== '' && $("#password").val().length!=
$(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
你知道如何在第一次加载页面时获取保存的用户名和密码的值,以便启用登录输入吗
提前感谢您的帮助。请尝试$.removeAttr()
,$.change()
并像这样使用输入input class=“button”name=“submit”type=“submit”id=“submitLogin”value=“Login”>
$(文档).ready(函数(){
if($(“#userName”).val().length!==0&&$.trim($(“#userName”).val())!=''&&$(“#password”).val().length!==0&&$.trim($(“#password”).val()!=''){
$(“#submitLogin”).removeAttr('disabled');
}否则{
$('#submitLogin').attr('disabled',“”);
}
$('input')。在('change keyup blur mouseenter',函数(e)上{
if($(“#userName”).val().length!==0&&$.trim($(“#userName”).val())!=''&&$(“#password”).val().length!==0&&$.trim($(“#password”).val()!=''){
$(“#submitLogin”).removeAttr('disabled');
}否则{
$('#submitLogin').attr('disabled',“”);
}
});
});代码>
尝试$.removeAttr()
,$.change()
并像这样使用输入input class=“button”name=“submit”type=“submit”id=“submitLogin”value=“Login”>
$(文档).ready(函数(){
if($(“#userName”).val().length!==0&&$.trim($(“#userName”).val())!=''&&$(“#password”).val().length!==0&&$.trim($(“#password”).val()!=''){
$(“#submitLogin”).removeAttr('disabled');
}否则{
$('#submitLogin').attr('disabled',“”);
}
$('input')。在('change keyup blur mouseenter',函数(e)上{
if($(“#userName”).val().length!==0&&$.trim($(“#userName”).val())!=''&&$(“#password”).val().length!==0&&$.trim($(“#password”).val()!=''){
$(“#submitLogin”).removeAttr('disabled');
}否则{
$('#submitLogin').attr('disabled',“”);
}
});
});代码>
$(文档).ready(函数(){
$('input')。在('keyup blur mouseenter',函数(e)上{
if($.trim($('#userName').val())和&&$.trim($('#password').val()){
$('submitLogin').prop('disabled',false);
}
});
});代码>
$(文档).ready(函数(){
$('input')。在('keyup blur mouseenter',函数(e)上{
if($.trim($('#userName').val())和&&$.trim($('#password').val()){
$('submitLogin').prop('disabled',false);
}
});
});代码>
如果将匿名函数设置为命名函数,并在document.ready()中调用该函数,会发生什么情况?这意味着当值像现在一样更改时,以及在页面加载开始时运行一次该函数。如果将匿名函数设置为命名函数,并在文档中调用该函数。ready()
,会发生什么情况?这意味着当值像现在一样更改时,以及在页面加载开始时运行一次函数。attr和prop都可以,但我建议将prop设置为禁用。欢迎使用。谢谢你回答我的问题。请记住,一个好的答案包含对OP应该做什么的解释。这有助于OP和未来的成员在模拟问题上寻找答案。TR和prop都可以,但我建议prop设置为禁用。欢迎使用。谢谢你回答我的问题。请记住,一个好的答案包含对OP应该做什么的解释。这有助于OP和未来的成员寻找关于一个类似问题的答案。我添加了$.removeAttr(),并且在加载时它可以工作,但是当用户登录并单击“注销”重定向到登录页面时,尽管用户名和密码已填充,但“提交”按钮处于禁用状态,有什么提示吗?很好,很好,下次我不会在hmtl中定义disable,而是让jquery来处理它。我添加了$.removeAttr(),并且在加载时它可以工作,但是当用户登录并单击log out(注销)时,虽然用户名和密码已填充,但重定向到登录页面,提交按钮被禁用,有什么建议吗?工作很好,下次我不会在hmtl中定义禁用,而是让jquery来处理它