Как сделать обязательным один input из двух доступных?

Question

[display: block]

Есть callback-форма для связи с клиентом с 3 полями: имя, телефон, email. Как сделать прохождение валидации только при условии, что одно из полей контактов (телефон или email) заполнено.

Заполнено поле "Имя" и "Телефон" - валидация прошла.
"Имя" и "Email" - валидация прошла.
Заполнено только "Имя" - валидация не прошла.

codepen.io/anon/pen/epLYbr

Answer 1

[TheBububo]

Всё вышесказанное хорошо, но это было актуально до HTML5. В HTML5 есть validation api, а всё остальное - костыли. jsfiddle.net/ufma1kj4

Answer 2

[Ivanq]

jsfiddle.net/Ivanq/2ac8gc38

Посмотрите сами - когда нет данных, страница не обновляется.

Answer 3

[petyagrill]

Это направление в какую сторону копать

$('form').on('submit', function(e){
 
  var em = $("#email").val();
  var ph = $("#phone").val();
  if ((em == '') && (ph == '')){
    alert('error');
    e.preventDefault();
  } else {
     alert('done')
  }
});

Comments

[shane89]

мне интересно, зачем скобки? (em == '') && (ph == '')