Как ввести значение в input со значением autocomplete="off"?

Question

[ttter]

Есть инпут

<input type="tel" id="card" autocomplete="off" class="form-control">

Как ввести в него значение с помощью js ?

Comments

[ttter]

Пашенька, document.getElementById('card').value = '000'; с другими инпутами получается, а с этим нет

[smigles]

ttter, у вас закрывающая скобка тега не там поставлена.

Answer 1

[Надим]

В консоли выполните:

document.querySelector('#card').value = 'Вставляемый текст';

Comments

[ttter]

Выдает ошибку Uncaught TypeError: Cannot set property 'value' of null. Если в коде элемента удалю значение автокомплит, то все вводится.

[Надим]

ttter, попробуйте тогда так:

document.querySelector('#card').setAttribute('value', 'Вставляемый текст');

[ttter]

Тоже выдает ошибку

Uncaught TypeError: Cannot read property 'setAttribute' of null

[Надим]

ttter, ну слушайте, он у вас элемент найти не может. Такая ошибка может быть только если в момент выполнения кода, элемент с id равным card отсутствовал бы. Тут два варианта или ваша форма подгружается динамически или вы вставляйте скрипт выше формы. Попробуйте так:

<script type="text/javascript"> 
	document.addEventListener('DOMContentLoaded', function() {
		var input = document.querySelector('input#card');
		if (input) {
			input.value = 'Вставляемый текст';
		}
		else {
			console.log('Ошибка! Не удалось найти input c id равным card');
		}
	});
</script>

Этот код запустится только после готовности документа. Если поле будет найдено, текст вставится. Если нет, то будет предупреждение в консоли, что элемент отсутствует. В последнем случае, это означает, что форма у вас грузится динамически.

[ttter]

Надим Закиров, Пишет undefined

[ttter]

Надим Закиров, В консоль вставляю

var input = document.querySelector('input#card');
    if (input) {
      input.value = 'Вставляемый текст';
    }
    else {
      console.log('Ошибка! Не удалось найти input c id равным card');
    }

Не удается найти input, а если удалю autocomplete="off" и вставлю этот же код, то все нормально вводится

[Надим]

ttter, а вы можете дать ссылочку на страницу? Сам посмотрю. Можно здесь, можно в личку.

Answer 2

[Дима Паутов]

А в чём проблема то? Этот атрибут никак не ограничивает вас на использование js

document.getElementById('card').value = 'Ваше значение'

Comments

[ttter]

Выдает ошибку Uncaught TypeError: Cannot set property 'value' of null. Если в коде элемента удалю значение автокомплит, то все вводится.

[Дима Паутов]

ttter, значит вы дурите людей, не показывая весь свой код и каким образом это поле появляется у вас. Если оно просто свёрстано в html и выглядит точно так же, как вы скинули, то всё будет работать. Значит у вас что-то не так. Выложите свой код в песочнице и всё станет понятно!!

[Дима Паутов]

ttter, https://jsfiddle.net/ads4jmx3/
Всё отлично работает

[ttter]

Дима Турков, Сайт не мой, я с помошью расширения внедряю свой скрипт

<input type="tel" name="cardCvv" id="card" autocomplete="off" required="" minlength="3" maxlength="4" pattern="[0-9]{4}|[0-9]{3}" cccvc="" class="form-control">

вот полный инпут

[Дима Паутов]

ttter, так это поле вы через js вставляете? или оно уже есть на сайте?

[ttter]

Дима Турков, инпут уже есть на сайте, я просто хочу его автоматически заполнить

[Дима Паутов]

ttter, по всей видимости ваше расширение как-то не так работает. Напишите мой же код в консоли и всё сработает. Значит варианта 2. Либо на самом сайте поле вставляется через js и ваш код срабатывает раньше, либо что-то в вашем расширении не так.

1й вариант можно легко проверить, путём ctrl + u(изначальная разметка от сервера) и через поиск найти элемент.

[ttter]

Дима Турков, Да, на изначальной разметке только js, но странность в том, что я на этой же странице уже вводил данные в другой инпут и все получалось, думал, что и с этим полем все так же получится. И почему-то при удалении autocomlete через код элемента и повторно вставив скрипт все вводится

Answer 3

[ttter]

Прошу прощения, я разобрался, невнимательно посмотрел, там был iframe и в нем эта форма. Спасибо большое тем, кто помогал мне !