$(function () {
var myForm = $('form');
myForm.on('submit', function() {
$.ajax(
// Тут отправляем AJAX запрос, очищаем поле, вставляем сообщение в чат и т.д.
);
// Чтоб страница не перезагрузилась
return false;
});
$("#chatbot-submit").on('click', function() {
myForm.submit();
});
});
<script>
$(function () {
$('form').submit(function( event ) {
var data = $(this).serialize().replace(/[^&]+=&/g, '').replace(/&[^&]+=$/g, '');
$.ajax({
type: 'GET',
url: '/search'+data,
data: data,
success: function(output, status, xhr) {
history.pushState({foo: 'bar'}, 'title', '/search'+data);
},
error: function (xhr, ajaxOptions, thrownError) {
alert(xhr.status + thrownError);
}
});
return false;
});
});
</script>
history.pushState({foo: 'bar'}, 'title', this.url);
// Добавление/удаление полей загрузки файлов
$(document).on('click', '.form__input-add', function(){
$('<div class="frm__lne form__line--input"><input class="form__input form__input--file" name="attach" type="file" id="attach-field"><a href="#" class="form__input-del">Удалить</a><a href="#" class="form__input-add">Добавить еще</a>').insertAfter('.form__line--input:last');
$('input[type=file].form__input--file').each(function(){
$(this).styler();
});
$('.form__input-add').each(function(i, item){
if($('.form__input-add').length > 1){
$(item).remove();
}
});
return false;
});
$(document).on('click', '.form__input-del',function () {
if ($('.form__line--input').length == 1) {
return false
}
$(this).parents('.form__line--input').remove();
if(!$('.form__input-add').length){
$('<a href="#" class="form__input-add">Добавить еще</a>').insertAfter('.form__input-del:last');
}
return false;
});
$(document).ready(function(){
$('div.image').live('click', function(){
var index = $("div.image").index($("div[data-rel='modal']"));
var id = $(this).attr("id");
link = $(this).attr("data");
$("div.image:eq("+index+")").attr('data-rel','');
$('div.image#'+id).attr("data-rel","modal");
var string = 'link='+ link ;
$('<div class="overlay"></div>').appendTo('body');
$('<img class="loader" style="position: fixed;background: rgba(0,0,0, 0.5);padding:20px;left:50%;top:50%;z-index: 99999;" src="/css/loader_rem.gif">').appendTo('body');
$('<div class="modal"></div>').appendTo('body').html('<img class="lightboximage" src="'+link+'"><div class="close"></div><!--<div class="prev">Назад</div><div class="next">Вперед</div>-->');
});
$('div.close').live('click', function(){
$('.overlay').remove();
$('.modal').remove();
$('.loader').remove();
});
$('div.overlay').live('click', function(){
$('.overlay').remove();
$('.modal').remove();
$('.loader').remove();
});
});