Изменение текста заполнителя экрана входа - PullRequest
1 голос
/ 13 марта 2019

Целевая страница нашей LMS: https://rainforrentlms.litmos.com/account/Login

Мы хотим использовать пользовательский параметр CSS или пользовательский параметр Javascript на экране настройки темы нашей LMS, чтобы настроить текст заполнителя с Имя пользователя на Номер сотрудника .

Когда я проверяю элемент, это то, что я извлекаю:

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

Прочитав много постов здесь в StackOverflow, я предположил, что мне следует использовать Javascript, поскольку мы успешно использовали его для настройки других вещей в прошлом.

Вот существующий фрагмент, который уже находится в настраиваемом поле Javascript нашей LMS:

<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>

1 Ответ

2 голосов
/ 13 марта 2019

Вы пропускаете # до Username, поэтому должно быть:

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

# указывает jQuery искать элемент с id="Username", в отличие от <Username> элемента.

...