2

Estoy intentando crear una función en Javascript con la que comprobar los inputs con el atributo required en true.

El problema es que aunque este especificado que es false, el resultado que da es true.

Código de ejemplo:

var serial_no = document.getElementsByName('serial_no')[0];
console.log(serial_no);
console.log(serial_no.required);
<form>
	<input type="text" name="serial_no" placeholder="serial_no" value="" required="false">
</form>

¿Existe alguna solución?

The required of Schrödinger

3
  • @Yonkykong A que te refieres con comprobar los imputs? Mirar que valor tiene este? Comprobar si esta rellenado?
    – CristianS9
    Commented el 9 ago. 2018 a las 8:41
  • @CristianS9 revisar los inputs uno a uno para ver si tienen required.
    – Yonkykong
    Commented el 9 ago. 2018 a las 8:58
  • @Yonkykong En que caso necesitarías utilizar esto? Es decir, el atributo required lo pone el propio desarollador para asegurarse de que no se mande el formulario si los campos con required no son rellanados. Necesitas comprobar cuantos campos obligatorios tiene el formulario?
    – CristianS9
    Commented el 9 ago. 2018 a las 9:02

1 respuesta 1

1

El atributo required funciona de la manera boolean de presente o ausente. Esto significa que si existe, es verdadero, si no existe, es falso.

Por lo que ponerle required="false" no le estas diciendo que no es requerido, le estas diciendo que si que existe el atributo.

Para que no sea requerido simplemente, no lo pongas.

var serial_no = document.getElementsByName('serial_no')[0];
console.log(serial_no.required); //true

serial_no = document.getElementsByName('serial_no')[1];
console.log(serial_no.required);// false

serial_no = document.getElementsByName('serial_no')[2];
console.log(serial_no.required);//  true

serial_no = document.getElementsByName('serial_no')[3];
console.log(serial_no.required);//  true
<form>
	<input type="text" name="serial_no" placeholder="serial_no" value="" required>
  <input type="text" name="serial_no" placeholder="serial_no" value="" >
  <input type="text" name="serial_no" placeholder="serial_no" value="" required="loquesea">
  <input type="text" name="serial_no" placeholder="serial_no" value="" required="">
</form>

Este tipo de atributo, es una atributo booleano, tal como checked, disabled,... aqui la fuente

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.