|
|
|
Как разместить текст рядом с полем для ввода?
|
|||
|---|---|---|---|
|
#18+
Здравствуйте. При проверке полей формы, нужно сделать что бы если поле заполнено не верно (проверяется JavaScript-ом) то рядом с этим полем появлялся текст ошибки (типа: "Не указали имя...") Сейчас это делаю так function verification(target,outlet){ function mark(){ target.className='text_error'; target.value = ''; target.focus(); outlet.className='status_error'; } if (target.value.trim() == ''){ mark(); outlet.innerHTML ='пустое значение'; return false; } if (target.value.length > 15){ mark(); outlet.innerHTML ='не более 15 символов'; return false; } target.className=''; return true; } target - это поле которое необходимо проверить outlet - контейнер div(span) куда выводится текст ошибки mark() - используется для подсветки не прошедшего проверку поля. Что бы вывести сообщение об ошибке нужно заранее создать рядом с каждым полем контейнер div(span), а потом передавать функции указатель на него. Если полей пять этот метод можно считать приемлемым, но если их уже десять... Да и хочется сделать универсальную функцию проверки, что бы не нужно было заранее для каждого поля заготавливать контейнер div(span) для вывода текста ошибки, что бы этот контейнер генерировался JavaScript-ом. ВОПРОС: Как разместить текст рядом с полем для ввода? Спасибо ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2007, 12:28 |
|
||
|
Как разместить текст рядом с полем для ввода?
|
|||
|---|---|---|---|
|
#18+
Здравствуйте. При проверке полей формы, нужно сделать что бы если поле заполнено не верно (проверяется JavaScript-ом) то рядом с этим полем появлялся текст ошибки (типа: "Не указали имя...") Сейчас это делаю так Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. outlet - контейнер div(span) куда выводится текст ошибки mark() - используется для подсветки не прошедшего проверку поля. Что бы вывести сообщение об ошибке нужно заранее создать рядом с каждым полем контейнер div(span), а потом передавать функции указатель на него. Если полей пять этот метод можно считать приемлемым, но если их уже десять... Да и хочется сделать универсальную функцию проверки, что бы не нужно было заранее для каждого поля заготавливать контейнер div(span) для вывода текста ошибки, что бы этот контейнер генерировался JavaScript-ом. ВОПРОС: Как разместить текст рядом с полем для ввода? Спасибо Простите за дублирование, забыл подсветить код для лучшего восприятия. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2007, 12:33 |
|
||
|
Как разместить текст рядом с полем для ввода?
|
|||
|---|---|---|---|
|
#18+
Проблема решена. Написал небольшую функцию, которая - меняет класс текстового поля (например в CSS можно прописать красную рамку) для выделения - добавляет ниже текст ошибки Код: plaintext 1. 2. 3. 4. elementID - уникальный идентификатор поля для ввода (можно и любого другого элемента) HTMLtex - текст ошибки (произвольный HTML код) в CSS должен быть стиль text_error , например такой .text_error{ border: 1px solid #FF0000; } Пример использования: На странице размещаем поле с ID <input type="text" id="surname" value="qwe"/> В каком-либо обработчике вызывает функцию mark2 mark2("surname",'Неверное имя'); Ну и что бы это все работало в FF надо подключить к страницу вот это: Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2007, 15:37 |
|
||
|
Как разместить текст рядом с полем для ввода?
|
|||
|---|---|---|---|
|
#18+
Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2007, 15:53 |
|
||
|
Как разместить текст рядом с полем для ввода?
|
|||
|---|---|---|---|
|
#18+
http://www.liqintao.net/handbook/js2/LiB0073.html ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2007, 15:54 |
|
||
|
Как разместить текст рядом с полем для ввода?
|
|||
|---|---|---|---|
|
#18+
Alex_BBB дада так. не видел последний пост ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2007, 15:56 |
|
||
|
Как разместить текст рядом с полем для ввода?
|
|||
|---|---|---|---|
|
#18+
Такая вот проблема возникла. Если пользователь дважды введет неверное значение, то и текст ошибки появится дважды. Если ошибется 10 раз - то 10 надписей будет. А нужна только одна, да и та должна изчезать после исправления ошибки. Иными словами нужен метод позволяющий очищать текст под полем ввода . Буду благодарен за идеи. Спасибо. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 23.04.2007, 19:08 |
|
||
|
Как разместить текст рядом с полем для ввода?
|
|||
|---|---|---|---|
|
#18+
Вот так решил эту проблему. Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. Теперь mark2 создает контейнер SPAN с уникальным ID, который можно удалить. Этим и занимается функция unmark2 ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 23.04.2007, 20:10 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=34477932&tid=1458414]: |
0ms |
get settings: |
9ms |
get forum list: |
14ms |
check forum access: |
3ms |
check topic access: |
3ms |
track hit: |
45ms |
get topic data: |
8ms |
get forum data: |
2ms |
get page messages: |
40ms |
get tp. blocked users: |
1ms |
| others: | 16ms |
| total: | 141ms |

| 0 / 0 |

Извините, этот баннер — требование Роскомнадзора для исполнения 152 ФЗ.
«На сайте осуществляется обработка файлов cookie, необходимых для работы сайта, а также для анализа использования сайта и улучшения предоставляемых сервисов с использованием метрической программы Яндекс.Метрика. Продолжая использовать сайт, вы даёте согласие с использованием данных технологий».
... ля, ля, ля ...