更改登錄屏幕的占位符文本

Question

我們的LMS登陸頁面： https : //rainforrentlms.litmos.com/account/Login

我們想在LMS的主題設置屏幕中使用自定義CSS選項或自定義Javascript選項將占位符文本從Username調整為Employee Number 。

當我檢查元素時，這就是我提取的內容：

 <input class="first-focus form-control input-lg" id="Username" name="Username" placeholder="Username" required="true" type="text" value=""> 

在閱讀了StackOverflow上的許多文章之后，我推測我應該使用Javascript，因為我們過去已經成功地使用Javascript來進行其他調整。

這是LMS的自定義Javascript框中已經存在的現有代碼段：

 <script type="text/javascript"> $(document).ready(function() { checkContainer(); }); function checkContainer () { if($('#SendEmail').is(':visible')){ //if the container is visible on the page $("#SendEmail").attr('checked', false); //Un-checks the checkbox using CSS ID } else { setTimeout(checkContainer, 50); //wait 50 ms, then try again } } </script> 

我猜想的代碼可以正常工作，需要插入：

 $('Username').attr('placeholder','Employee Number'); 

我不確定這是否正確，我嘗試將其添加到標題內的頂部，並嘗試在暫時刪除其他代碼后自行插入所有內容，但似乎都無法正常工作。

=========編輯＃1 ============這是我嘗試使用您的建議將其放入“文檔准備就緒”部分的代碼，也沒有任何效果。

<script type="text/javascript">
$(document).ready(function() {
 $('#Username').attr('placeholder','Employee Number');
 checkContainer();
});
function checkContainer () {
 if($('#SendEmail').is(':visible')){ //if the container is visible on the page
 $("#SendEmail").attr('checked', false); //Un-checks the checkbox using CSS ID
 } else {
 setTimeout(checkContainer, 50); //wait 50 ms, then try again
 }
}
$('#Username').attr('placeholder','Employee Number');
</script>
<script type="text/javascript">
$('#Username').attr('placeholder','Employee Number');
</script>

Answer 1

您在Username之前缺少# ，因此應該是：

$('#Username').attr('placeholder','Employee Number');

#告訴jQuery查找id="Username"的元素，而不是<Username>元素。