Отправка формы без перезагрузки страницы?

Question

[x73s]

Есть форма

<form method="post" class="form_modal">
    							  <input type="text" required name="you_name" class="name_call" placeholder="Ваше Имя">
						<input type="tel" required name="you_phone" class="phone_call" placeholder="Номер телефона">
						<button type="submit" class="btn_form">Отправить</button>
						<div class="message_call"></div>
    						</form>

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

Comments

[Дмитрий]

А что в консоле devtools? наверняка там есть какая-нибудь JS ошибка.
Поставьте там галочку "не очищать консоль после перезагрузки страницы" и проверьте, что там при нажатии на кнопку.

[alexalexes]

Если jquery не подключилась должным образом, то отправка будет стандартным образом реализована.
Вашу задачу можно решить без jquery.

[Дмитрий]

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

[x73s]

alexalexes, каким образом?

[Дмитрий]

x73s, для начала просто поставьте в форму для отладки путь до обработчика (action), чтоб отработал пых. Дальше уже будете жс отлаживать, можно до строчки отправки поставить выход и дамп переменных. Там после уже локейшон отрабатывает

[alexalexes]

Смотрим, как реализовать аналог $.ready
https://learn.javascript.ru/onload-ondomcontentloaded
Смотрим, как отправить ajax через XMLHttpRequest, прицепив к нему formData:
https://learn.javascript.ru/xhr-forms#formdata
(там же смотрим, как получить callback через onreadystatechange).

[Adamos]

$('form').submit(function (event) {
Назначает обработчик всем формам, которые встретились на странице. Авторизации, например...
Стоит назначить конкретной форме ID и обращаться по нему.

Answer 1

[Геннадий]

Проверяйте, что jquery точно подключился. Смотрите другие ошибки в консоли. Код который вы предоставили в песочнице отрабатывает корректно.