Подсветка поля с ошибкой

@UKRtortik · Регистрация: 19.03.2014

Студворк — интернет-сервис помощи студентам

Например есть такая функция:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
function Formdata(data){
if (data.art1 != null && data.art1.value.length < 1 )
{ alert('Заполните поле "art1"');
return false; }
if (data.art2 != null && data.art2.value.length < 1){
alert('Заполните поле "art2"');
return false;}
if (data.art1.value.indexOf('text') != -1) 
{
alert('Запрещено!');
return false;
}
}

Вот например если возникает какая то из этих 3-х ошибок, то нужно подсветить это поле, как это сделать?

Добавлено через 18 часов 56 минут
Что не кто не знает?

@Roman_rc · 28.04.2014, 12:40

JavaScript
1
data.art1.style.backgroundColor = red;

где data.art1 элемент html

@UKRtortik · 28.04.2014, 13:50 **[ТС]**

Почему то не работает, если использовать так:

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function Formdata(data){
if (data.art1 != null && data.art1.value.length < 1 )
{ alert('Заполните поле "art1"');
data.art1.style.backgroundColor = red;
return false; }
if (data.art2 != null && data.art2.value.length < 1){
alert('Заполните поле "art2"');
data.art2.style.backgroundColor = red;
return false;}
if (data.art1.value.indexOf('text') != -1) 
{
alert('Запрещено!');
data.art1.style.backgroundColor = red;
return false;
}
}

То если ошибка всплывает страница соровно обновляется, и подстветка поля не происходит.

@Roman_rc · 28.04.2014, 14:14

Можно часть html кода тоже показать?

@kalabuni · 28.04.2014, 14:17

в строках ##4, 8 и 13 обозначение цвета заключите в кавычки - одинарные или двойные, вот так: 'red'

@UKRtortik · 28.04.2014, 15:45 **[ТС]**

получилось! Только хотелось бы немного не так сделать. Чтобы не все поле было красным, а например просто поле обвелось красным цветом.

@Roman_rc · 28.04.2014, 15:48

JavaScript
1
.style.border = "1px solid red"

@UKRtortik · 28.04.2014, 16:18 **[ТС]**

а можно подробней как это вызвать? (Просто с js вообще не работал)

@Roman_rc · 28.04.2014, 16:20

JavaScript
1
2
data.art1.style.border = "1px solid red"
;

@UKRtortik · 28.04.2014, 16:27 **[ТС]**

спасибо!

Добавлено через 3 минуты
а вот еще такой вопрос, например, есть 2 поля, если вылезла ошибка сразу в двух оба они красные, потом опять нажимаем на кнопку, но 1 поле заполнено уже верно, как можно сделать чтобы в этом случае оно уже стало нормальным цветом, а второе поле с ошибкой так и осталось красным?

@massEffect · 28.04.2014, 22:34

Самому лень что ли подумать, почитать, такие элементарные вещи спрашиваете

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

@Roman_rc 26 / 26 / 12 Регистрация: 04.02.2013 Сообщений: 250
	28.04.2014, 14:14
	Можно часть html кода тоже показать? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	28.04.2014, 14:17
	в строках ##4, 8 и 13 обозначение цвета заключите в кавычки - одинарные или двойные, вот так: 'red' 0

@UKRtortik 0 / 0 / 0 Регистрация: 19.03.2014 Сообщений: 42
	28.04.2014, 15:45 [ТС]
	получилось! Только хотелось бы немного не так сделать. Чтобы не все поле было красным, а например просто поле обвелось красным цветом. 0

@UKRtortik 0 / 0 / 0 Регистрация: 19.03.2014 Сообщений: 42
	28.04.2014, 16:18 [ТС]
	а можно подробней как это вызвать? (Просто с js вообще не работал) 0

@UKRtortik 0 / 0 / 0 Регистрация: 19.03.2014 Сообщений: 42
	28.04.2014, 16:27 [ТС]
	спасибо! Добавлено через 3 минуты а вот еще такой вопрос, например, есть 2 поля, если вылезла ошибка сразу в двух оба они красные, потом опять нажимаем на кнопку, но 1 поле заполнено уже верно, как можно сделать чтобы в этом случае оно уже стало нормальным цветом, а второе поле с ошибкой так и осталось красным? 0

@massEffect 80 / 80 / 53 Регистрация: 22.03.2013 Сообщений: 271
	28.04.2014, 22:34
	Самому лень что ли подумать, почитать, такие элементарные вещи спрашиваете 0