Почему клик по кнопке перезагружает страницу?

Question

[Антон Родионов]

Добрый вечер Дамы и Господа. Имеется сайт на Jumbla и я прикручиваю на него свой модуль с jQery\AJAX. Мне нужно, чтобы после ввода данных пользователем и нажатия на кнопку, выполнялся php код на фоне и в итоге сообщал пользователю результат без обновления страницы. Это все я сделал. Но в чем беда.

<form>
    <button  onclick="Pusk(document.getElementById('user'),document.getElementById('tel'),document.getElementById('sms'),document.getElementById('to'),document.getElementById('ajax'))">Отправить</button>
</form>

После нажатия на кнопку и выполнения всех действий страница перезагружается.
И самое интересное.
Если повесить этот onclick например, на на обычный <Лейбл> все хорошо работает. Подозреваю, что джумбла пакостит. Но, так как не мой профиль, не знаю, с какой стороны начать дебажить и чем это лучше делать. Посоветуете что?

P.S. Код функции. И извиняюсь за него. Первый раз работаю с вебом.

function Pusk(_user,_tel,_sms,_to,_ajax)
{  
    
	var user = encodeURIComponent(_user.value);
	var tel = encodeURIComponent(_tel.value); 
	var sms = encodeURIComponent(_sms.value);
	var to = encodeURIComponent(_to.value); 
	ajax = _ajax; 
    var query = 'user='+user+'&tel='+tel+'&sms='+sms+'&to='+to; 
    Request(query);
}

function Request(query)
{
    req.open('post', '/php/1.php' , true);
    req.onreadystatechange = Refresh;
    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
    req.send(query);  
}

function Refresh()
{
    var a = req.readyState;  
  
    if( a == 4 && req.status==200)
    {   
        var b = req.responseText;
        ajax.defaultValue = b;
        alert(b);
        return(false);
    }
    else
    {  
        ajax.defaultValue = "Отправка";	
    }
}

P.P.S. Спасибо всем. Как всегда, ларчик просто открывался. Нужно подтянуть матан. :)

<button type="button" onclick="Pusk(document.getElementById('user'),document.getElementById('tel'),document.getElementById('sms'),document.getElementById('to'),document.getElementById('ajax'))" return false;">Отправить</button>

Answer 1

[littleguga]

function Pusk(...){
    e.preventDefault();
//дальше Ваш код

Comments

[Валентин Дубровский]

да, это верный ответ. дополню лишь то, что так надо писать, потому-что button срабатывает как submit, тем самым перезагружая страницу.

Answer 2

[Алексей Уколов]

Почему при вызове формы для загрузки файлов не успеваю выбрать файл и страница перезагружается?

Answer 3

[lyeskin]

А код вашей функции Pusk кто будет приводить? Ну, наугад тыкну, что вы не возвращаете false в конце функции.

Comments

[Антон Родионов]

Но ведь данная функция работает, когда вызывается из другого места. Не работает только при биндинге на кнопку.

[lyeskin]

Viper029: Потому что срабатывает событие submit по нажатию на кнопку. "return false" в конце функции делает так, чтобы оно не срабатывало.

[Alex XYZ]

Viper029: stackoverflow.com/questions/932653/how-to-prevent-...

Answer 4

[Максим Е]

добавьте return false в конец,
а лучше для кнопки указать id, а в шапку вынести код js.