<form action="cgi.php" onSubmit="return false;" method="post">
<input type="text" value="" size=25 name="poletext" /><br>
<input type="button" onclick="this.form.submit();" value="Отправить" name="submit"/>
</form>
Проблема с отправкой формы
Господа, в общем ситуация такая:
есть форма, с текстовым полем и кнопочкой сабмит. Теперь, когда нажимаю на сабмит, форма отправляет данные и открывает тот файл, который я указал в action формы. Вот как можно эту переадресацию убрать? Чтоб когда нажал на сабмит, кроме отправки данных, ничего не происходило? Заранее спасибо!
есть форма, с текстовым полем и кнопочкой сабмит. Теперь, когда нажимаю на сабмит, форма отправляет данные и открывает тот файл, который я указал в action формы. Вот как можно эту переадресацию убрать? Чтоб когда нажал на сабмит, кроме отправки данных, ничего не происходило? Заранее спасибо!
Читайте про AJAX
Цитата: RussianSpy
Читайте про AJAX
Дополню лишь, что:
1. Или вместо submit ставите тип элемена button, на который вешаете скрипт
2. самой форме приписываете onsubmit="submit_function()";
и вызываете функцию, которая занимается отправкой вашей формы аяксом.
ВАЖНО! для того, чтобы не происходило перехода, выполняемая функция должна возвращать в форму false...
т.е.
submit_function() {
bla-bla-bla
проверка данных...
отправка данных
return false;
}
Цитата: RussianSpy
Читайте про AJAX
а можно поподробней? что должно быть в атрибуте action формы?
Цитата: Kesano
Дополню лишь, что:
1. Или вместо submit ставите тип элемена button, на который вешаете скрипт
2. самой форме приписываете onsubmit="submit_function()";
и вызываете функцию, которая занимается отправкой вашей формы аяксом.
ВАЖНО! для того, чтобы не происходило перехода, выполняемая функция должна возвращать в форму false...
т.е.
submit_function() {
bla-bla-bla
проверка данных...
отправка данных
return false;
}
1. Или вместо submit ставите тип элемена button, на который вешаете скрипт
2. самой форме приписываете onsubmit="submit_function()";
и вызываете функцию, которая занимается отправкой вашей формы аяксом.
ВАЖНО! для того, чтобы не происходило перехода, выполняемая функция должна возвращать в форму false...
т.е.
submit_function() {
bla-bla-bla
проверка данных...
отправка данных
return false;
}
спасибо, алгоритм понятен, попробую реализовать ...
у меня че то не получается (после нажатия на button, ничего не происходит), незнаю в чем причина, предоставляю код:
скажите пожалуйста, где я ошибаюсь?
Код:
скажите пожалуйста, где я ошибаюсь?
Цитата: Morphling
у меня че то не получается (после нажатия на button, ничего не происходит), незнаю в чем причина, предоставляю код:
скажите пожалуйста, где я ошибаюсь?
Код:
<form action="cgi.php" onSubmit="return false;" method="post">
<input type="text" value="" size=25 name="poletext" /><br>
<input type="button" onclick="this.form.submit();" value="Отправить" name="submit"/>
</form>
<input type="text" value="" size=25 name="poletext" /><br>
<input type="button" onclick="this.form.submit();" value="Отправить" name="submit"/>
</form>
скажите пожалуйста, где я ошибаюсь?
Преамбула:
Молодой программер подходит к бородатому АСМщику, протягивает исходники:
- Посмотри пожалуйста, где у меня тут ошибка?
Бородатый посмотрел на исходники, на программера, снова на исходники:
- В ДНК!
Амбула:
Вы неправильно поняли.... Ваша форма должна выглядеть так:
Код:
<script type="text/javascript>
submit_function() {
{AJAX REQUEST}
return false;
}
</script>
<form action="cgi.php" onSubmit="submit_function();" method="post">
<input type="text" value="" size=25 name="poletext" /><br>
<input type="submit" value="Отправить" name="submit"/>
</form>
submit_function() {
{AJAX REQUEST}
return false;
}
</script>
<form action="cgi.php" onSubmit="submit_function();" method="post">
<input type="text" value="" size=25 name="poletext" /><br>
<input type="submit" value="Отправить" name="submit"/>
</form>
Где {AJAX REQUEST} вы должны заменить на аякс-запросы.
или обратитесь к jquery.com
или пишите свой обработчик - документация (понятная) http://xmlhttprequest.ru/
ура, решил эту проблему! немного разобравшись, понял, что мне, при использовании аякса, форма вообще не нужна и удалил ее, оставил только инпуты. В общем, вот конечный код:
скрипт:
в общем все гуд, всем спасибо за помощь! :D
Код:
<input type="text" value="" size=25 id="pole" /><br>
<input type="button" onclick="myFunc();" value="Отправить" />
<input type="button" onclick="myFunc();" value="Отправить" />
скрипт:
Код:
function myFunc(){
$.post('cgi.php', {poletext: document.getElementById('pole').value});
}
$.post('cgi.php', {poletext: document.getElementById('pole').value});
}
в общем все гуд, всем спасибо за помощь! :D
нет, форма всё таки нужна. и не только для того, чтобы использовать кнопку Cancel. Есть достаточно ясная позиция: поля всегда существуют в форме, ибо поле без формы - порожняк и головняк. Например:
Вот кто его знает, чёрт возьми, где ещё встретится в документе елемент с id pole. А так мы имеем коллекцию форм, каждая из которых имеет совершенно чёткий набор полей.
Код:
$.post('cgi.php', {poletext: document.getElementById('pole').value});
Вот кто его знает, чёрт возьми, где ещё встретится в документе елемент с id pole. А так мы имеем коллекцию форм, каждая из которых имеет совершенно чёткий набор полей.
Цитата: mfender
нет, форма всё таки нужна. и не только для того, чтобы использовать кнопку Cancel. Есть достаточно ясная позиция: поля всегда существуют в форме, ибо поле без формы - порожняк и головняк. Например:
Вот кто его знает, чёрт возьми, где ещё встретится в документе елемент с id pole. А так мы имеем коллекцию форм, каждая из которых имеет совершенно чёткий набор полей.
Код:
$.post('cgi.php', {poletext: document.getElementById('pole').value});
Вот кто его знает, чёрт возьми, где ещё встретится в документе елемент с id pole. А так мы имеем коллекцию форм, каждая из которых имеет совершенно чёткий набор полей.
Не в тему замечание...
[HTML]<form name="form1" >
<input type="text" name="pole" id="pole"/>
</form>
<form name="form231" >
<input type="text" name="pole" id="pole"/>
</form>[/HTML]
И какая разница? Если на одной странице куча форм, то вам нужно искать элемент через массив forms, а простым getElementById('pole') вы получите первое или последнее поле в ДОМе с таким элементом... в форме оно у вас или не в форме...
В итоге вместо того чтобы отправить автора топика читать документацию и просвещаться, вы его запутали еще больше своими формами и баттонами.
ТопикСтартер! RTFM!!! )))
http://xmlhttprequest.ru
http://htmlbook.ru
http://www.php.net
http://javascript.ru
А что, универсальный ответ получается )
http://xmlhttprequest.ru
http://htmlbook.ru
http://www.php.net
http://javascript.ru
А что, универсальный ответ получается )
Всем спасибо, получил много знаний создав этот топик =)