Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Модальное окно форма обработка события
 
 автор: mabelrod   (09.11.2011 в 18:12)   письмо автору
 
 

У меня вопрос - есть попап кона в нем 3 поля и кнопка (баттон) как сделать что бы при клике на кнопку (баттон) страница не перезагружалась, а происходили некие действия например как обработка полей, введенных данных, а потом если все ок или не ок что то писалось ?

то есть вопрос как сделать обработку наждатой кнопки без перезагрузки страницы ?

  Ответить  
 
 автор: mabelrod   (09.11.2011 в 23:41)   письмо автору
 
   для: mabelrod   (09.11.2011 в 18:12)
 

Нашел что в жуквери есть модуль форм, на нем можно это сделать.
Ссылка: http://malsup.com/jquery/form/#html

Возник вопрос: мы отправили 1 запрос и 1 получили в #htmlExampleTarget, а что если у нас будет 3 поля и их надо обработать и рядом с соотвествующим полем вывести свою ошибку ? вот как это сделать ?

  Ответить  
 
 автор: kosta_in_net   (11.11.2011 в 12:42)   письмо автору
 
   для: mabelrod   (09.11.2011 в 23:41)
 

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


<style>
.badvalue {border:1px solid red; background:#f3bce4}
</style>
<script>
function test(frm){
a=[
['mail','E-mail'],
['name','Ф.И.О.'],
['mess','Сообщение']
];// обязвтельные поля

    returnValue = true ;
    for(i=a.length; i >0; i--){
        var el=eval('frm.'+a[i-1][0]);
        if (el.value==''){
            el.className='badvalue';
            el.focus();
            returnValue= false ;
        }else{
            el.className='';
        }
    }
 
    if(returnValue){
        // чего-то делаем, если нет ошибки
    }else{
        alert('Отмеченные поля необходимо правильно заполнить');
        return returnValue;
    }
}
</script>

<form ...  onSubmit="return test(this);">
<p>Ваш e-mail <input type=text name=mail>
<p>Ваше имя <input type=text name=name>
...

<p>Текст сообщения<br><textarea name=mess cols="50" rows="15"></textarea>
...
</form>

Если же нужно проверять данные на сервере, вроде незанятость логина, существование сайта или что-то еще, то каждому полю можно назначить обработчик на онченч. А в обработчике юзать аякс

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования