Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
AvengerAlive
5 / 5 / 1
Регистрация: 30.07.2011
Сообщений: 257
1

Проверка элементов формы

31.07.2011, 13:58. Просмотров 859. Ответов 6
Метки нет (Все метки)

Я написал функции которые проверяют правильность E-mail, пароля, даты рождения и т.п.
Работать они работают, выдают ответ после submit и в окне allert(). Только вот интересует вопрос: ввёл я например E-mail, я хочу чтобы он сразу определял правильность после ввода и выводил на экран (ну как во многих современных сайтах пишут зелёным если верно, красным неверно и т.п.)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
31.07.2011, 13:58
Ответы с готовыми решениями:

проверка на число элементов формы
Доброго времени суток! Есть страница c формой, которая методом POST отсылает...

Проверка формы
Всем привет. У меня есть форма, в которой пользователь вводит данные(логин,...

Проверка формы
Всем доброго пребывания на сайте) , с JS не знаком, подобной темы не обнаружил,...

проверка формы
Все понятно в коде кроме этого: <input type="submit" value="Submit"...

Проверка формы
Всем доброго времени суток. Помогите пожалуйста, не получается сделать форму с...

6
Vovan-VE
13157 / 6542 / 1038
Регистрация: 10.01.2008
Сообщений: 15,070
31.07.2011, 14:14 2
При любых измененях значений в input'ах сразу делайте валидацию и дописывайте/удаляйте у input'а какой-нибудь css-класс, чтобы уже CSS придать ему нужный вид.
0
AvengerAlive
5 / 5 / 1
Регистрация: 30.07.2011
Сообщений: 257
31.07.2011, 14:15  [ТС] 3
Vovan-VE, не, я не про CSS имел ввиду. Я имел ввиду как выводить текст сразу как только я заполнил поле?
0
borovik
210 / 204 / 52
Регистрация: 25.07.2010
Сообщений: 1,162
31.07.2011, 15:17 4
AvengerAlive,
создать справа скрытый див, потом функция проверяет и пишит в этот див.

Добавлено через 6 минут
както так
Javascript
1
2
3
4
5
6
7
8
9
var text  = getElementById("textbox");
var valid = getElementById("valid_div");
window.onload = function(){
    if(text.onChange)
       if(text.value.lengh > 10){
          valid.style.visibility = visible;
          valid.innerHTML += "слишком много букв";
       }
}
0
AvengerAlive
5 / 5 / 1
Регистрация: 30.07.2011
Сообщений: 257
31.07.2011, 19:18  [ТС] 5
borovik, спасибо, попробую
Вот моя функция:
Javascript
1
2
3
4
5
function correct_e_mail_adress(str) {
    var p = /^[a-z0-9_\.\-]+@([a-z0-9\-]+\.)+[a-z]{2,6}$/i;
    if (p.test(str)) document.write("E-mail правильный");
    else document.write("E-mail не правильный");
}
Вот эту нашёл в сети:
Javascript
1
2
3
4
5
6
7
8
9
10
11
function show(divid)
 {
 if(document.getElementById(divid).style.display=="none")
 {
 document.getElementById(divid).style.display="inline";
 }
 else
 {
 document.getElementById(divid).style.display="none";
 }
 }
Теперь мне предлогают ссылку для открытия этого:
HTML5
1
<a onclick="show('test');" href="#">Скрытый DIV</a>
и приложение

HTML5
1
<div id="test" style="DISPLAY: none">Контент скрытого DIV'а Контент скрытого DIV'а Контент скрытого DIV'а Контент скрытого DIV'а Контент скрытого DIV'а Контент скрытого DIV'а </div>
А как собственно сделать так чтобы он понимал и выводил это во время ввода? То есть типа onclick на поле? Можно подробно записать эту часть html кода?
0
GuardCat
Просто любитель
618 / 458 / 118
Регистрация: 20.01.2011
Сообщений: 862
Записей в блоге: 2
03.08.2011, 08:44 6
HTML5
1
<input type="text" id="mail" onKeyDown="validate(this.id)">
Функция будет срабатывать при нажатии любой кнопки на этом поле.

А уж в функции validate() пишите код проверки, который будет менять хоть скрытый див, хоть что хотите.
0
AvengerAlive
5 / 5 / 1
Регистрация: 30.07.2011
Сообщений: 257
03.08.2011, 09:24  [ТС] 7
GuardCat, спасибо, попробую
0
03.08.2011, 09:24
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
03.08.2011, 09:24

Проверка формы
Уважаемые, мне нужно сделать проверку теста, который представлен в виде...

Проверка формы на числа
В общем возникла проблема, так как надо решить задачку, а JS совсем не знаю....

Не работает проверка формы
&lt;form action=&quot;http://localhost:8080/stuzer-imageboard/user/login&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru