Валидация формы (обязательные поля)

В первый раз сталкиваюсь с такой ситуацией.
Вот примерно такая форма есть.
<form action='name.php'>
Введите ваше имя: <input name='name' type='name' value='namel' />
Введите email: <input name='email' type='email' value='Не email' /> или
Введите сотовый телефон: <input name='tel1' type='tel' pattern='8[0-9]{10}'/>
<input type='submit' value='Отправить' />


Надо что бы 1но из полей обязательно был заполнено "телефон" или "почта"
Как это реализовать ? И можно еще валидацию от некорректных данных, предотвращение xss.

Спасибо)
  • Вопрос задан
  • 28824 просмотра
Пригласить эксперта
Ответы на вопрос 3
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
<input name='email' type='email' value='Не email' required='required' />
Ответ написан
IgorO2
@IgorO2
73
Ну сделайте проверку на пустое значение
if(document.getElementsByName('email')[0].value === ""
    && document.getElementsByName('tel1')[0].value === ""
) {
    alert("Пожалуйста заполните, 'email' или 'telephone'");
}
Ответ написан
GM2mars
@GM2mars
на jquery с обрезкой пробелов
if (!$.trim($('input[name=email]').val()).length && !$.trim($('input[name=tel1]').val()).length) {
console.log("Пожалуйста заполните, 'email' или 'telephone'")
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы