Как реализовать форму без перезагрузки и уведомлением что сообщение отправлено?

Question

[kirilakw]

Здравствуйте у меня есть форма

<form id="anmessega" method="POST" action="" >
			<div class="name text-input">
				<label>Name</label>
				<div class="error-mark">*</div>
				<input type="text" maxlength="50" name="name"></input>
			</div>
			<div class="message text-input">
				<label>Message</label>
				<div class="error-mark">*</div>
				<textarea type="text" name="msg"></textarea>
			</div>
			<input type="submit" id="btntoogler" class="submit" value="Отправить"></input></a>
		</form>

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

Пытался сам, иская скрипты...но моих познаний мало

очень хочу без подключений всякхи jqerry и прочего
помогите

Answer 1

[ProjectSoft]

https://jsfiddle.net/g8v5off2/

Comments

[kirilakw]

Увы, обновляет, создал пустой хтмл
сверху скрипт
снизу код формы и наоборот...может я что то не так делаю?

[ProjectSoft]

kirilakw: подключите jQuery

[kirilakw]

ProjectSoft: а без него никак не обойтись? просто я с самого начало шел к мысли что минимум скриптов и на сайте их у себя не использую СОВСЕМ (форум) неужели вариантов нету?

у меня есть пару вариантов но они отправляют только условный знак = (между строчками) а самого текста нет

[ProjectSoft]

kirilakw: можно.
найдите форму по id и подпишитесь на событие. В этом событии создайте ajax запрос.

var form = document.getElementById("my-form");
form.onsubmit = function(e){
    e.preventDefault();
    /*******
   **** Ваш ajax запрос
   ********/
   return !1;
}

[kirilakw]

ProjectSoft: Спасибо огромное что откликнулись в столь поздний час))
но я чувствую что у меня ничего не удасться
ваши слова я понял и логику тоже, но моих познаний в скриптах ноль
поэтому буду искать варианты))спасибо что пытались помочь и за потраченное время)

[ProjectSoft]

kirilakw: вот вам для примера
https://jsfiddle.net/ProjectSoft/kkb72zz0/

[kirilakw]

ProjectSoft: Во, заработало!) Спасибоо вам огрмное, надеюсь ваш мозг не вскипел от общения со мной))
Успехов вам, спасибо за оказанную помощь)))

Answer 2

[kirilakw]

Забыл сказать, проверка формы необязательно
ибо все отправляется в текстовый документ на сервере