Как я могу добавить обязательный атрибут к файлам в реагировать JS?

Question

В коде я хочу иметь обязательный атрибут, чтобы сделать это поле обязательным.Но это не работает .. Любой простой способ реагировать на эту проверку?

<label htmlFor="name">Name</label>
<input type="text" className="form-control"
id="name" placeholder="Enter name" required/>

Answer 1

Одним из возможных способов является создание функции onblur / onchange для входного тега и проверка в этой функции, что введенная вами строка пуста или нет.Если оно пустое, вы можете присвоить переменную в состоянии и затем вызвать функцию this.setState.Теперь сделайте тег <span> ниже тега <input> и отобразите переменную состояния в теге <span>.

Answer 2

Попробуйте добавить теги формы и кнопки:

<form onSubmit={handler}>
  <input type="text" id="name" placeholder="Enter name" required />
  <button type="submit" />
</form

Если это не работает, попробуйте заменить required на required="required"