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
    el 21 feb. 2017 a las 9:56
  • sip eso es justo lo que necesito
    – Seyker
    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
    el 21 feb. 2017 a las 9:58
  • estás usando algún framework o js a pelo? 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
    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 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. el 21 feb. 2017 a las 14:15

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.