Предотвращение отправления пустых значений

[Александр Ермаков]

Здравствуйте. Первые минуты на форуме, может не так ищу, но не нашел на форуме.

Что нужно: некоторые инпуты, перед отправлением формы должны быть заполнены, если хоть один не заполнен - форма не отправляется, а все пустые инпуты выделяются красным.

Моя идея: инпутам, которые должны быть заполнены, даю класс, например ".not-null", и при нажатии на кнопку, срабатывает скрипт, который считает количество незаполненных инпутов с классом. Если число == 0, то форма отправляется, если нет, инпуту добавляется класс, который подсвечивает красным.

Вопросы:
- Как подсчитать количество незаполненных инпутов? ('.not-null[value=""]').size() всегда выводит 0;
- Как через JQuery, регулировать, будет отправляться форма или нет? (это вообще реально? или придется как-то через disabled делать?)

 

[motek]

если можно без скрипта, зачем замарачиваться?

css

input:valid
{
  outline: 2px #0f0 solid;
}
input:invalid
{
  outline: 2px #f00 solid;
}

 

[Aristotel]

Чтота вы мудрите с проверками и подсчетами. Не проще все нужные инпуты подвесить под какой нибудь onchange и при изменение проверять на наличие нужного или не нужного.

если можно без скрипта, зачем замарачиваться?

css

input:valid
{
  outline: 2px #0f0 solid;
}
input:invalid
{
  outline: 2px #f00 solid;
}

идея хорошая только не работает в эксплороре.

 

[medwoodu]

- Как через JQuery, регулировать, будет отправляться форма или нет? (это вообще реально? или придется как-то через disabled делать?)

http://docs.jquery.com/Plugins/Validation

поставьте просто button, и если все валидное делайте для формы onSubmit()