tengo un problema en mi código, estoy imprimiendo 'n' numero de veces un input con javascript en un formulario pero quiero ponerle un required para que el el formulario no se envié si los inputs están vacíos el cual no he podido logar ya que cuando presiono en enviar se envían los input vacíos.
function numeroCampos()
{
var numero = document.getElementById("campos").value;
var padre = document.getElementById("inputs");
while (padre.firstChild)
{
padre.removeChild(padre.lastChild);
}
for(var i=1; i<=numero; i++)
{
//aquí agregamos el componente de tipo input
var input = document.createElement("INPUT");
//aquí indicamos que es un input de tipo text
input.type = 'text';
input.name = 'campos[]';
input.required = 'true';
//y por ultimo agreamos el componente creado al padre
padre.appendChild(input);
}
}
<form method="POST" action="">
<p>Cuantos Inputs</p>
<select name="numerocampos" id="campos" onchange="numeroCampos()" required>
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<input type='submit' value='Enviar'>
</form>
<br>
<div id="inputs"></div>