$("#form").submit(function (e) { // Устанавливаем событие отправки для формы с id=form
e.preventDefault();
var form_data = $(this).serialize(); // Собираем все данные из формы
$.ajax({
type: "POST", // Метод отправки
url: "public/script/send.php", // Путь до php файла отправителя
data: form_data,
success: function () {
// Код в этом блоке выполняется при успешной отправке сообщения
alert("Ваше сообщение отправлено!");
}
});
});
$(function() {
$('#form-data').on('submit', function(e){
e.preventDefault()
var form = $(this); // Предположу, что этот код выполняется в обработчике события 'submit' формы
var data = new FormData(); // Для отправки файлов понадобится объект FormData. Подробнее про него можно прочитать в документации - https://developer.mozilla.org/en-US/docs/Web/API/FormData
// Сбор данных из обычных полей
form.find(':input[name]').not('[type="file"]').each(function() {
var field = $(this);
data.append(field.attr('name'), field.val());
});
// Сбор данных о файле (будет немного отличаться для нескольких файлов)
var filesField = form.find('input[type="file"]');
var fileName = filesField.attr('name');
var file = filesField.prop('files')[0];
data.append(fileName, file) ;
// Отправка данных
var url = 'upload.php';
$.ajax({
url: url,
type: 'POST',
data: data,
contentType: false,
cache: false,
processData:false,
success: function(response) {
console.log(response)
}
});
})
});
Есть слишком замороченный скрипт отправки, но он завязан на валидаторе.
<div id="block" style="border: 1px solid; height: 100px; width: 100px"></div>
<script type="text/javascript">
jQuery(function($){
$(document).mouseup(function (e){ // отслеживаем событие клика по веб-документу
var block = $("#block"); // определяем элемент, к которому будем применять условия (можем указывать ID, класс либо любой другой идентификатор элемента)
if (!block.is(e.target) // проверка условия если клик был не по нашему блоку
&& block.has(e.target).length === 0) { // проверка условия если клик не по его дочерним элементам
block.hide(); // если условия выполняются - скрываем наш элемент
}
});
});
</script>
$(function() {
var Href = $('link').attr('href');
console.log(Href)
});
<?php
// тут php
?>
<form action='action.php' method='post'>
<label class="order_label_style" for="order_address">*Город и отделение <br />Новой почты </label>
<input type="text" name="order_address" id="order_address" value="<?= $_SESSION["order_address"] ?>" />
<span class="order_span_style">Пример: г.Киев Отделение №1 </span>
</form>
<?php
// тут php
?>
function checkParams() {
var fio = $('#fio').val();
var email = $('#email').val();
var phone = $('#phone').val();
if(fio.length != 0 && email.length != 0 && phone.length != 0) {
$('#submit').removeAttr('disabled');
} else {
$('#submit').attr('disabled', 'disabled');
}
}
<input id='fio' onkeyup='checkParams()' />
<!-- остальные поля формы -->
<input type='button' id='submit' value='ОТПРАВИТЬ' disabled>
Внимание
Эта функция объявлена УСТАРЕВШЕЙ в PHP 5.3.0, и УДАЛЕНА PHP 7.0.0.
Есть следующие альтернативы:
preg_match() (Используйте модификатор i (PCRE_CASELESS))
Даже ошибки никакой нет. По нажатию на кнопку тупо ничего не происходит.
return json_encode($answer);
success: function(data) {
var response = jQuery.parseJSON(data)
$("#dc1").html(response.dc1s);
}
$answer = ['fist' => 'dc1s', 'second' => 'pc1s'];
return json_encode($answer);
success: function(data) {
var response = jQuery.parseJSON(data)
$("#dc1").html(response.first);
$("#dc1").html(response.second);
}
$(function() {
$('#form-data').on('submit', function(e){
e.preventDefault()
var form = $(this); // Предположу, что этот код выполняется в обработчике события 'submit' формы
var data = new FormData(); // Для отправки файлов понадобится объект FormData. Подробнее про него можно прочитать в документации - https://developer.mozilla.org/en-US/docs/Web/API/FormData
// Сбор данных из обычных полей
form.find(':input[name]').not('[type="file"]').each(function() {
var field = $(this);
data.append(field.attr('name'), field.val());
});
// Сбор данных о файле (будет немного отличаться для нескольких файлов)
var filesField = form.find('input[type="file"]');
var fileName = filesField.attr('name');
var file = filesField.prop('files')[0];
data.append(fileName, file) ;
// Отправка данных
var url = 'upload.php';
$.ajax({
url: url,
type: 'POST',
data: data,
contentType: false,
cache: false,
processData:false,
success: function(response) {
console.log(response)
}
});
})
});
$(this).not('.social__block_xs').append()