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

Question

[cactuss]

В первый раз сталкиваюсь с такой ситуацией.
Вот примерно такая форма есть.

<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.

Спасибо)

Answer 1

[Сергей Протько]

<input name='email' type='email' value='Не email' required='required' />

Comments

[cactuss]

Если так, то получается, что надо заполонить и то и это...

Answer 2

[1001001 111]

Ну сделайте проверку на пустое значение

if(document.getElementsByName('email')[0].value === ""
    && document.getElementsByName('tel1')[0].value === ""
) {
    alert("Пожалуйста заполните, 'email' или 'telephone'");
}

Comments

[cactuss]

jquery много весит ((

[cactuss]

@IgorO2 А есть вариант легкого скрипта ?

[Сергей Протько]

@cactuss, это vanila.js, тут нету jquery.

[cactuss]

@Fesor Спасибо за прояснение.. А где можно библиотеку скачать?

[cactuss]

@Fesor вот Можешь собрать то что надо ?? Я Js плохо знаю(

[cactuss]

@Fesor Заранее спасибо)

[Сергей Протько]

@cactuss, у вас все это в браузере уже есть, если вы не поняли шутки про vanila.js. Это чисто js - копируй и используй. Никаких зависимостей.

[cactuss]

@Fesor Что бы шутку понять, надо знать js. Сейчас уже понятно) Но скрипт не работает (

[1001001 111]

@cactuss теперь должен работать

[cactuss]

Вечером отпушусь, спасибо)

[cactuss]

@IgorO2 Неа, не работает .

[1001001 111]

@cactuss прочитайте Книга по JS, а если не работает значит что-то не так делаете, разберитесь с кодом

[cactuss]

@IgorO2 А можно чисто программный js ? Для стилизации есть sass. Можно и на c++ но это серверная сторона. Или залить пару dll клиенту и уже какой-то движок придумать, что бы работал по типо js.

[cactuss]

@IgorO2 я понял в чем ошибка , а как сделать что бы проверка делалась не после загрузки страницы, а после нажатия кнопки "отправить". в с++ есть событие... думаю что и js есть, если по логики, то надо выполнять по событию"когда нажали кнопку".

[Сергей Протько]

ищите события click/submit

[cactuss]

@Fesor я долго буду копаться.. И мне кажется что 1м событием не чего не ограничится... Или все слишком просто.

[tef]

Самый простой вариант - использовать C++, так же посмотри в сторону Lua либо ассемблера. Только запасись терпением.

Answer 3

[GM2mars]

на jquery с обрезкой пробелов
if (!$.trim($('input[name=email]').val()).length && !$.trim($('input[name=tel1]').val()).length) {
console.log("Пожалуйста заполните, 'email' или 'telephone'")
}

Comments

[cactuss]

jquery много весит ((

[cactuss]

@GM2mars А есть вариант легкого скрипта ?

[GM2mars]

Легкий скрипт смотрите выше. По моему давно уже прошли те времена, когда 91kb (столько весит сжатая библиотека) считалось большим весом для сайта.