Итак - на форуме множестов вопросов и ответов на них - как сделать проверку заполнености формы. В случае ошибки во всех вариантах используются попап мессаги  - мол вы не ввели емаил, давайти вводите, и будет вам счастье. Мне же такой вариант не нравится. Старо и некрасиво  

Затея следующая. Например имеем такой хтмл код -



В первой строке в первой колонке видим класс red. Так вот - хотелось бы как-то задавать поля, которые пользователь должен обязательно заполнить (так как будут ещё не обязательное поля для заполнения) и, чтобы после давления юзером сабмита, при проверке и
при обнаружении незаполненого поля (если оно обязательное к заполнению) к нашему td добавлялся этот самый class="red".
Т.е. чтобы юзер визуально увидел красные поля и понял что те инпуты нада заполнить.

Подскажите как сие реализовать. Можно с примерчиками (ибо ЖС только учу).

посмотри код до РНРинвизибл боард кажеться там при регистрации такое зделано сразу )))
и не только в РНРинфизбоарде такое.. уже кажеться на многих сайтах сразу и пароль проверяют и тд )

я не шарю ЖС тоже токо начал) но поищи там где говорил)

Sultanische, гм.. в чёт ты прав. посмотрю.




это AJAX   это нас тут ниитирисует 

не я не за аджакс))) я о проверках на защищоснность пароля )))) кажеться такое используеться на яндекс паспорте

vintyara, 

В данном случае автора должны интересовать два вопроса
1) Где писать условие валидности поля - это самый главный вопрос. Каким образом определять что валидно для данного input: только цифры, буквы латиныци, e-mail.... Придумай куда впихивать эту информацию и останутся сущие мелочи

2) Связка инпута и определенного td. То есть должен присутствовать какой-то параметр, по которому яваскрипт при проверке мог точно узнать какой именно td подсвечивать красным.

И самое главное чтобы в итоге все это (условия и связки) было удобно и ненапряжно писать.

Придумать как это делать и есть самое сложное, и если бы было придумано - то тебе уже дали бы ссылку на готовое решение. 
Но вся тяжесть вопроса состоит в том, что решений как это делать было уже сотни, а в итоге использовать их было не очень-то удобно.

Что-то в таком духе


Добавлено через 1 минуту и 17 секунд
Это я проверил поле для ввода имени на пустоту. 

check, гм. Камрад. Я понимаю, что код ты верный написал. Но видишь ли мы обсуждали возможность сделать это более красиво, чем просто обычная заточь, которую естественно всем ясно как сделать.


p.s. кроме того вот это неверно

а я введу в поле три пробела,.

Согласен, значит пишем функцию trim(), либо выбираем из уже существующих реализаций.
Например так

Кстати, очень странно что в JS нет стандартного метода trim...



Мне показалось, что у автора вопрос собственно в том как добавить класс CSS к элементу.  Но естественно не откажусь посмотреть на более красивые варианты...

Можно так разметить: