javascript - 更改登录屏幕的占位符文本

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，因为我们过去已经成功地使用它来调整其他东西。

这是我们 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>元素。