В настоящее время я пытаюсь создать пользовательский ввод, который работает просто отлично, но по какой-то причине атрибут required (проверка формы) не работает.
return ( // simplified code, <my-input>
<div>
<label htmlFor="myinput">myinput: </label>
<input required name="myinput" id="myinput" type="text"/>
</div>
);
Когда я вложив мой пользовательский ввод в тег формы, форма не препятствует отправке значений, даже если я установил атрибут required . Если я просто скопирую / вставлю код html / jsx из моего компонента в тег формы, обязательный будет работать, как задумано.
<form>
// required not working
<my-input></my-input>
<div>
<label for="myinput">myinput: </label>
<input required name="myinput" id="myinput" type="text"/> // required working
</div>
<input type="submit">
</form>
Вопрос : есть ли конкретная c причина, по которой обязательный атрибут не работает внутри настраиваемого ввода (компонент-трафарет) внутри тега формы? А может, это должно сработать, и я как-то допустил ошибку.