|
|
|
| У меня вопрос - есть попап кона в нем 3 поля и кнопка (баттон) как сделать что бы при клике на кнопку (баттон) страница не перезагружалась, а происходили некие действия например как обработка полей, введенных данных, а потом если все ок или не ок что то писалось ?
то есть вопрос как сделать обработку наждатой кнопки без перезагрузки страницы ? | |
|
|
|
|
|
|
|
для: mabelrod
(09.11.2011 в 18:12)
| | Нашел что в жуквери есть модуль форм, на нем можно это сделать.
Ссылка: http://malsup.com/jquery/form/#html
Возник вопрос: мы отправили 1 запрос и 1 получили в #htmlExampleTarget, а что если у нас будет 3 поля и их надо обработать и рядом с соотвествующим полем вывести свою ошибку ? вот как это сделать ? | |
|
|
|
|
|
|
|
для: 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>
|
Если же нужно проверять данные на сервере, вроде незанятость логина, существование сайта или что-то еще, то каждому полю можно назначить обработчик на онченч. А в обработчике юзать аякс | |
|
|
|