Не открывать ссылку при нажатии на кнопку

@kisell · Регистрация: 04.09.2014

Студворк — интернет-сервис помощи студентам

Есть вот такая форма

HTML5
1
2
3
4
5
6
7
8
<div id="form" style="display: none">
<form id="payment" name="payment"  method="post" action="http://anerleen.com/themes/default-bootstrap/send.php/" enctype="utf-8">
<label>Имя и фамилия</label><input type="text" name="name" id='r_name'>
<label>Мобильный телефон</label><input type="text" name="tell" id="r_tell">
<label>Город</label><input type="text" name="city">
<input type="submit" id="btn1" value="Оформить заказ" onclick="d_click()">
<a id="syd"></a>
</form>

И есть вот такой php-обработчик:

PHP
1
2
3
4
5
6
7
8
9
<?php
$to      = 'anerleenmag@gmail.com';
$subject = 'the subject';
$message = 'hello';
$headers = 'From: webmaster@example.com' . "\r\n" .
    'Reply-To: webmaster@example.com' . "\r\n" .
    'X-Mailer: PHP/' . phpversion();
mail($to, $subject, $message, $headers);
?>

При нажатии на оформить заказ отправляется письмо мне на почту и открывается ссылка этого обработчика. Как сделать, чтобы письмо отправлялось, а ссылка не открывалась. Прошу описать подробнее, так как я не разбираюсь в этом

z-z · 17.09.2014, 09:57

kisell, попробуйте в конце функции d_click() дописать:

JavaScript
1
return false;

PS. вообще лучше конечно ловить onsubmit, а не onclick... Я так думаю =)

Donald28 · 17.09.2014, 11:32

а еще лучше вместо submit использовать button (в 6-й строке кода):

HTML5
1
<input type="button" id="btn1" value="Оформить заказ" onclick="d_click()">

Добавлено через 1 минуту
и я надеюсь в функции d_click() находится AJAX запрос на обработчик!!!

@kisell · 17.09.2014, 12:50 **[ТС]**

Сообщение от Donald28

а еще лучше вместо submit использовать button (в 6-й строке кода):
Код HTML5
1
<input type="button" id="btn1" value="Оформить заказ" onclick="d_click()">
Добавлено через 1 минуту
и я надеюсь в функции d_click() находится AJAX запрос на обработчик!!!

Сколько всякого не перепробовал, не могу ajax запрос настроить. Что-то делаю не так. Не разбираюсь в этом. Не подскажите?

HTML5
1
2
3
4
5
6
7
8
9
<div id="form" style="display: none">
                    <form action="http://anerleen.com/catalog/view/theme/theia/template/product/send.php" id="payment" name="payment"  method="post"  enctype="utf-8">
                        <label>Имя и фамилия</label><input type="text" name="name" id='r_name'>
                        <label>Мобильный телефон</label><input type="text" name="tell" id="r_tell">
                        <label>Город</label><input type="text" name="city">
                        <input type="button" id="btn1" value="Оформить заказ" onsubmit="d_click()">
                        <a id="syd"> </a>
                        </form>
                </div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
                
                        <script type="text/javascript">
                    function d_click(){
                    var regName=/[a-zа-яё ]+/gi
                    var regTell=/[\d\-\+]+/gi
                    var rName=document.getElementById('r_name').value
                    var rTell=document.getElementById('r_tell').value
                    if(regName.test(rName) && (regTell.test(rTell)))
                    document.getElementById('form2').style.display="block"
                    
                    $(function(){
                    $('#btn1').submit(function(){
                    $.ajax({
                    type: 'post',
                    url: 'send.php',
                    data: $(this).serialize(),
                    success: function(data){
                    $('#syd').html(data);
                    }
                            
 
                        </script>

Donald28 · 17.09.2014, 13:02

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function d_click(){
                    var regName=/[a-zа-яё ]+/gi
                    var regTell=/[\d\-\+]+/gi
                    var rName=document.getElementById('r_name').value
                    var rTell=document.getElementById('r_tell').value
                    if(regName.test(rName) && (regTell.test(rTell)))
                         document.getElementById('form2').style.display="block";
                    
                    $.ajax({
                        type: 'post',
                        url: 'send.php',
                        data: $('#payment').serialize(),
                        success: function(data){
                            $('#syd').html(data);
                        },
                    });
}

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

@kisell · 17.09.2014, 13:22 **[ТС]**

Огромное спасибо! Все получилось)

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@kisell 0 / 0 / 1 Регистрация: 04.09.2014 Сообщений: 79
	17.09.2014, 13:22 [ТС]
	Огромное спасибо! Все получилось) 0

Не открывать ссылку при нажатии на кнопку

Решение