Заблокировать input?

Question

[pro100blich]

Добрый день, не очень селен может кто, поможет. Есть страница пользователя, когда он вел информацию в input и нажал сохранить, то input должен заблокироваться. По идеи если input заполнен, то блокировка, если пустой то можно водить данные.

Comments

[Comsequent]

Вы уже описали алгоритм действий.
По нажатию на кнопку 'Сохранить':
1. Проверить заполнение поля.
2 коль заполнено, указать что input disable.
3. Отправить данные.
В чем вопрос?

Answer 1

[VadimFilimonov]

HTML

<form>
  <input required>
  <button>Сохранить</button>
</form>

JavaScript

const form = document.querySelector('form');
const input = form.querySelector('input');

form.addEventListener('submit', (event) => {
  event.preventDefault();
  input.disabled = true;
});

https://jsfiddle.net/br2uLj6t/