0

Tengo un problema el cual el required no funciona y luego tampoco funciona ir a la página hola.html

	function confirmar(){
		
		var listasexo = document.formconf.elements["genero"];
		var sexo;
	    for(var i = 0 ; i < listasexo.length; i++){
			if(listasexo[i].checked){
				sexo = listasexo[i].value;
			}
		}
		 
		var hermanos =  document.getElementById("Idhermano").value;
		 
		var dni = document.getElementById("Idtxtdni").value; 
		var nombre = document.getElementById("Idtxtname").value;
		var apellido = document.getElementById("Idtxtapellido").value;
		var direccion = document.getElementById("Idtxtdireccion").value;
		var edad = document.getElementById("Idtxtedad").value;
		var fecha = document.getElementById("Idtxtfecha").value;
		var mvl = document.getElementById("Idtxtmvl").value;
		
	    var confi =  confirm("Enviando " + dni + "Con nombre: "+ nombre + " ,Apellidos: " +apellido + " ,con "+ hermanos + " ,Sexo: " + sexo +  " ,Dirección: " + direccion +  " ,edad: " +edad + " ,nacido: " + fecha +  " , teléfono: " + mvl);
		
		if(confi){
			alert("Se envía");
		}else{
			alert("No se envía");
		}

		var contador = 0;
		var txt='';
		
		while (contador != hermanos){
			contador++;
			txt += "<label for='hermano'>Hermano "  + contador + "Nombre: <input type='text' name='txtnombre"+contador+"' value='' required></label><br/>";
			txt += "<label for='hermano'>Hermano "  + contador + "Apellido: <input type='text' name='txtapellido"+contador+"' value='' required></label><br/>";
		}
		
		document.getElementById("nuevocontenido").innerHTML += txt;
		alert("final");
		return confi;  
	}

	function comprobar_dni(obj){
		var numero;
		var letr;
	    var letra;
        var expresion_regular_dni;
 
        expresion_regular_dni = /^\d{8}[a-zA-Z]$/;
 
        if(expresion_regular_dni.test (obj.value) == true){
            numero = obj.value.substr(0,obj.value.length-1);
            letr = obj.value.substr(obj.value.length-1,1);
            numero = numero % 23;
            letra='TRWAGMYFPDXBNJZSQVHLCKET';
            letra=letra.substring(numero,numero+1);
            if (letra!=letr.toUpperCase()) {
                alert('Dni erroneo, la letra del NIF no se corresponde');
				obj.value="";
            }
        }else{
              alert('Dni erroneo, formato no válido');
			  obj.value="";
              }
    }

	 function comprobar_fecha(obj){
		alert("fecha");
	 }

     function comprobar_telf(obj){
		if(obj.value.length != 9){
			alert("La longitud del teléfono no es correcta");
			obj.value="";
		 }
	 }
<!Doctype html>
<html>
<head>
 <title>Formulario</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
</head>
<body>
	<main>
	 
		<form name="formconf" action="hola.html" method="POST">
			<label for="nombre">DNI: <input type="text" name="txtdni" id="Idtxtdni" value=""  onblur="comprobar_dni(this)" required></label><br/>
			<label for="nombre">NOMBRE: <input type="text" name="txtname" id="Idtxtname" value="" required></label><br/>
			<label for="apellido">APELLIDO: <input type="text" name="txtapellido" id="Idtxtapellido" value="" required></label><br/>
			<label for="hermanos">Hermanos: <input type="number" name="txthermano" id="Idhermano" value="" required></label><br/>
			<fieldset>
			 <legend> Sexo </legend>
			  <input type="radio" name="genero" value="Hombre"  > <label for="genhom">Hombre</label>
			  <input type="radio" name="genero" value="Mujer"  > <label for="genmuj">Mujer</label>
			</fieldset>
			<label for="direccion">DIRECCIÓN: <input type="text" name="txtdireccion" id="Idtxtdireccion" value="" required></label><br/>
			<label for="edad">EDAD: <input type="number" name="txtedad" id="Idtxtedad" value=""  required></label><br/>
			<label for="fecha_nac">FECHA NAC: <input type="text" name="txtfecha" id="Idtxtfecha" value=""  onblur="comprobar_fecha(this)" required></label><br/>
			<label for="telefono">TELEFONO: <input type="text" name="txtmvl" id="Idtxtmvl" value="" onblur="comprobar_telf(this)"  required></label><br/>
			<input type="button" value="Enviar" name="btnsend" onclick="confirmar();">
		</form>
	 
	 <div id="nuevocontenido">
	 
	 </div>
	 
	</main>  
</body>
</html>

4
  • no veo el boton submit en tu formulario por eso no lo envia, busca como hacer un submit en javascript! el 3 oct. 2017 a las 20:24
  • lo tengo como type="button" Si pongo el submit, entra en un bucle infinito en comprobando el dni y nunca pongo el ratón ahí . intento darle a enviar con todo vacío para ver si actua el required y tampoco.
    – EduBw
    el 3 oct. 2017 a las 20:31
  • Si quitas el script funciona bien, tienes que hacer todas esas comprobaciones? y cual es un dni valido?
    – Alvarez
    el 3 oct. 2017 a las 20:48
  • Es un ejercicio para aprender, tengo que tener la etiqueta <script> ...
    – EduBw
    el 3 oct. 2017 a las 20:56

1 respuesta 1

0

Debes cambiar el input de tipo button a tipo submit ya que si el formulario no se envía por medio de un submit nunca reconocerá los required

<input type="submit" value="Enviar" name="btnsend" onclick="confirmar();">

Luego debes colocar un preventDefault() en la función de confirmar así:

function confirmar(e){

    e.preventDefault();

    /*Resto de código*/
}

Espero que te sirva, saludos !

15
  • Sí, por eso lo tengo el input como type="button" ... :( el type="button" dentro del formulario no envía ??? tiene que ser obligatorio el submit ?
    – EduBw
    el 4 oct. 2017 a las 8:21
  • Exacto, sin submit tu formulario no se envía, lo único que estás haciendo con un button es ejecutar la función a la que llama es por eso que dices que no te funciona el required, si tú quieres que se vean tus required es obligatorio el submit....ah y aclaro que en ninguna parte de mi código estoy usando jQuery, el preventDefault() es una función nativa de JavaScript el 4 oct. 2017 a las 11:56
  • He puesto en el <body onload="cargar();"> en el javascript function cargar(){ document.getElementById("btnsend").addListener("click",stop,false); function stop (evento){ evento.preventDefault(); } } y al botón : <input type="submit" value="Enviar" id="btnsend" name="btnsend" onclick="confirmar();"> Sigue sin ir lo de required y TAMPOCO me envía a la página hola.html me saca el último alert("final") Y si intentas enviar el formulario en blanco, se queda en bucle infinito en comprobar dni ...
    – EduBw
    el 5 oct. 2017 a las 16:41
  • Y todo eso no se resume en colocar el preventDefault() a la función confirmar ? el 5 oct. 2017 a las 16:43
  • para cuando carge la página , se vaya al script cargar y le quite al submit su evento por defecto
    – EduBw
    el 5 oct. 2017 a las 16:44

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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