Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.10.2014, 10:53
Аспирант
Отправить личное сообщение для Mick_20 Посмотреть профиль Найти все сообщения от Mick_20
 
Регистрация: 05.06.2012
Сообщений: 34

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

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

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

Вроде просто, но я в js не разбираюсь.
Ответить с цитированием
  #2 (permalink)  
Старый 11.10.2014, 11:10
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от 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>
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 11.10.2014, 11:30
Аватар для Safort
Профессор
Отправить личное сообщение для Safort Посмотреть профиль Найти все сообщения от Safort
 
Регистрация: 22.12.2013
Сообщений: 1,856

Вам в раздел "Работа".
Ответить с цитированием
  #4 (permalink)  
Старый 11.10.2014, 15:00
Аспирант
Отправить личное сообщение для Mick_20 Посмотреть профиль Найти все сообщения от Mick_20
 
Регистрация: 05.06.2012
Сообщений: 34

Сообщение от danik.js Посмотреть сообщение
Для тебя есть вот такой "скрипт"
Здорово, но почему-то все поля которые он проверяет изначально красные(
Ответить с цитированием
  #5 (permalink)  
Старый 11.10.2014, 15:10
Аспирант
Отправить личное сообщение для Mick_20 Посмотреть профиль Найти все сообщения от Mick_20
 
Регистрация: 05.06.2012
Сообщений: 34

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

Данные обрабатываются на этой же странице
Ответить с цитированием
  #6 (permalink)  
Старый 11.10.2014, 21:23
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,719

Сообщение от Mick_20
Здорово, но почему-то все поля которые он проверяет изначально красные(
danik.js пропустил, надо еще рикуиред профыкать, иначе все рекуиред по дефлоту станут инвалидные.
Ответить с цитированием
  #7 (permalink)  
Старый 11.10.2014, 21:29
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,719

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Валидация формы vierhein jQuery 0 28.02.2014 14:40
Валидация формы в зависимости от значения radio batton housewm Events/DOM/Window 1 10.01.2014 16:46
Валидация формы Ваяс Элементы интерфейса 8 11.07.2012 14:20
Валидация поля для отправки формы shkarbatov Javascript под браузер 3 25.07.2011 13:07
Валидация формы dmsuslov jQuery 4 05.11.2010 15:12