Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Валидация формы (https://javascript.ru/forum/misc/50788-validaciya-formy.html)

Mick_20 11.10.2014 11:53

Валидация формы
 
Здравствуйте!
Помогите найти простой скрипт валидации формы такого плана:

Проверить заполнены ли поля формы (!= "")
Если поле не заполнено, то выделить его (border: 2px solid red)

Выделение снимать если кликнуть в поле.

Вроде просто, но я в js не разбираюсь.

danik.js 11.10.2014 12:10

Цитата:

Сообщение от Mick_20
но я в js не разбираюсь

Для тебя есть вот такой "скрипт"
<!DOCTYPE html>
<style>
input{
    border: 2px solid #999;
    outline: none;
}
input:invalid{
    border-color: red;
}
input:focus{
    border-color: #777;
}
</style>
<form action="javascript:">
<input required autofocus>
<button type="submit">Отправить</button>
</form>

Safort 11.10.2014 12:30

Вам в раздел "Работа".

Mick_20 11.10.2014 16:00

Цитата:

Сообщение от danik.js (Сообщение 334822)
Для тебя есть вот такой "скрипт"

Здорово, но почему-то все поля которые он проверяет изначально красные(

Mick_20 11.10.2014 16:10

И после того как заполнил все поля, нажатие на кнопку не запускает отправку данных..

Данные обрабатываются на этой же странице

kostyanet 11.10.2014 22:23

Цитата:

Сообщение от Mick_20
Здорово, но почему-то все поля которые он проверяет изначально красные(

danik.js пропустил, надо еще рикуиред профыкать, иначе все рекуиред по дефлоту станут инвалидные.

kostyanet 11.10.2014 22:29

Не могу найти, была годная статья, но и сами найдете - по цсс, как сделать чтоб все само работало. Само оно убого работает, со скриптами есть такой, типа моднейший способ http://www.html5rocks.com/en/tutoria...from_locale=de


Часовой пояс GMT +3, время: 00:37.