[英]How to identify save browser username and password in jquery
當用戶名或密碼為空時，我需要禁用登錄按鈕。
請在下面找到代碼：
$(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"> like this
$(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">
$(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>
瀏覽器的“保存密碼”：如何分辨用戶名和密碼？
[英]browser's “Save password”: how to tell what's username and what's password?
如何使用 javascript 阻止瀏覽器顯示其保存用戶名密碼對話框？
[英]How do I stop the browser from displaying its save username password dialog with javascript?
如何從瀏覽器中刪除“授權：基本用戶名：密碼”標題
[英]How to remove 'Authorization: Basic username:password' header from browser
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.