0

Buenas, me gustaria saber como podría hacer por javascript que si un campo email no está rellenado le ponga required a telefono, y viceversa

Tel&#233;fono:<br> <input id="inputTelf"  name="telf" type="number"  min="111111111" max="999999999" autocomplete="off">

Email:<br> <input id="inputEmail" name="email" size="20" type="email"  autocomplete="off">

Gracias.

4
  • quieres decir que tienen que rellenar al menos uno ?
    – lois6b
    Commented el 21 feb. 2017 a las 9:56
  • sip eso es justo lo que necesito
    – Seyker
    Commented el 21 feb. 2017 a las 9:58
  • en el submit del formulario no puedes hacer una comprobacion de cual de ellos está relleno y sacar un mensaje si ninguno lo está?
    – lois6b
    Commented el 21 feb. 2017 a las 9:58
  • estás usando algún framework o js a pelo? Commented el 21 feb. 2017 a las 10:09

2 respuestas 2

1

Esto lo podrías hacer validando los campos al hacer el submit del formulario. Deberías añadir la propiedad onsubmit="return validar()" al tag del form en primer lugar y la funcion validar() podría ser algo así:

<script type="text/javascript">
function validar() {
  var ok = true;
  var msg = "Debe informar el telefono o el email!";
  if(document.form.inputTelf.value == "" && document.form.inputEmail.value == "")
  {
    ok = false;
  }

  if(ok == false)
    alert(msg);
  return ok;
}
</script>
1
  • si, lo que decia en el comentario (pero fui muy vago para programar xDD)
    – lois6b
    Commented el 21 feb. 2017 a las 10:47
0

Otra opción para realizar la validación:

validate = function(event) {
	event.preventDefault();
  var tel = event.target.querySelector('#phone');
  var email = event.target.querySelector('#email');
  var validation = (tel.value.trim() && email.value.trim());
	
  // Optional
  notifyAlert(validation);

  return validation;
}

notifyAlert = function(validation) {
	var status = (validation) ? 'success' : 'error';
  alert(`Validation ${status}`);
}
body {font-family: Arial;}
.form {margin: 1rem;}
.form__group {margin: 0 0 1rem 0;}
.form__group label {
  display: block;
  margin: 0 0 .5rem 0;
}
<form onsubmit="validate(event)" class="form">
<div class="form__group">
  <label for="phone">Tel&#233;fono:</label>
  <input id="phone"  name="telf" type="number"  min="111111111" max="999999999" autocomplete="off">
</div>
<div class="form__group">
  <label for="email">Email</label>
  <input id="email" name="email" size="20" type="email" autocomplete="off">
</div>
<button type="submit">Enviar</button>
</form>

2
  • Hola Alejandro... por favor agrega aquí el código (editar tu respuesta)... te recomiendo hacer el tour y ver las ayudas de este sitio.. saludos Commented el 21 feb. 2017 a las 14:04
  • Alejandro, deberías agregar el código, sino te eliminarán la respuesta, por ser de baja calidad. Commented el 21 feb. 2017 a las 14:15

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.