Question

LMS的目标网页： https://rainforrentlms.litmos.com/account/Login

我们要在LMS主题设置屏幕中使用自定义CSS选项或自定义Javascript选项，将占位符文本从用户名调整为员工编号。

当我检查元素时，这就是我提取的内容：

<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>元素。

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

1 个答案: