Валидация формы JQuery

[K_arina]

laimas,
Ой, а мы ж получается не используем JQuery?

[laimas]

Так просто???

Ну вы же пишите - required, а это доступно только в HTML5, а в нем также доступны и шаблоны.

Вот только изначально ваш вопрос звучит как нечто "хочу то, не знаю что".

А H1 должен быть на странице в количестве одна штука и не больше и никак не Ок в форме.

[K_arina]

Rise,
Правила валидации:
Поле Name {только русские буквы}
Поле Number {только цифры, регулярное выражение типа (___) ___ __ __}
E-mail {регулярное выражение типа smth@smth.smth}

Обязательно использовать JQuery

[laimas]

Ой, а мы ж получается не используем JQuery?

А почему именно jQuery?

1) - пост выше о HTML5
2) - нужна поддержка старых браузеров? Тогда и нужен будет JS. Обязательно JQuery? Не проблема, и если не хотите плагинов, то можно использовать для проверки правила прописанные в pattern при отправке формы используя JQ.

[laimas]

Поле Number {только цифры, регулярное выражение типа (___) ___ __ __}

Это уже не Number будет, так как по условию это не только цифры.

[K_arina]

А почему именно jQuery?

1) - пост выше о HTML5
2) - нужна поддержка старых браузеров? Тогда и нужен будет JS. Обязательно JQuery? Не проблема, и если не хотите плагинов, то можно использовать для проверки правила прописанные в pattern при отправке формы используя JQ.

Если так можно, я бы с радостью воспользовалась всема плагинамы, чтобы оптимизировать код, но так была поставлена задача преподавателем.

[K_arina]

laimas,
Почему не только цифры? Это номер телефона, просто поле должно быть с маскировкой и проверкой.

[laimas]

Почему не только цифры? Это номер телефона, просто поле должно быть с маскировкой и проверкой.

Потому, что есть в HTML5 поле и типа number, а в нем разрешен ввод только чисел, и это поле имеет (не у всех версий браузеров) стрелочки для набора.

А маска, это уже не цифры. Хотите строго ввода, ну так надо организовывать проверку по маске ввода, хотя желание иметь телефон как вам хочется, это спорно. Можно ведь проверить количество цифр, а отформатировать номер при выводе для себя или кого-то, в этом нет проблем, а пользователь пусть вводит так, как ему удобнее.

<input name="name" required="" pattern="[а-яёА-ЯЁ]{2,12}" />
<input name="phone" required="" pattern="^(?:\+7|8)[\s|-]*[\(]?\d{3}?[\)]?[\s|-]*\d{3}[\s|-]*\d{2}[\s|-]*\d{2}$" />
<input name="email" type="email" required="" pattern="^[a-z0-9_\.\-]+@[a-z0-9_\.\-]+\.[a-z\.]{2,6}$" />

[Rise]

Атрибуты pattern и required в Safari например как следует не поддерживаются, а вид и содержание сообщения об ошибке вообще зависит от браузера и меняться пользователем не может, если это не устраивает то такой вариант не подойдет.

[K_arina]

Rise,
Мне и нужно не через pattern, а через функции и js. Так ведь можно проверить????