submit без перезагрузки
"onSubmit" на форме без перезагрузки
После того, как мы разобрались с "Submit-ом без перезагрузки", что нам потребуется!? Правильно - post js"onSubmit" вариант номер 1.
У нас есть стандартная форма для отправки данных на сервер, нам нужно её чуток модифицировать :
<form method="post">
<input type="text" name="" id="" value="Здесь данные">
<input type="submit" name="submit" value="Создать аккаунт 1">
</form>
Метод - "method" нам здесь не нужен, поскольку php задействован не будет и также нам не понадобятся "name".
<form onSubmit="return send_data(this)">
<input type="text" id="is_text" ;>
<input type="submit" value="Отправить">
</form>
Но форма, просто так работать не будет! Её ещё надо много, чтобы она реально отправляла данные на запись. Но мы сейчас не об этом...
Выведем данные, которые мы отправим из формы:
Нажмите кнопку отправить :
Submit без перезагрузки и без формы.
Когда у нас есть js? то нам вообще форма не нужна! И Submit вместе с "onSubmit".Оставляет от формы только инпуты(input) + во второй инпут добавляем onclick и функцию "send_data_2()" :
<input type="text" id="is_text_2" value="тестовая отправка _2">
<input type="submit" onclick="send_data_2();" value="Отправить">
Результат формы без Submit и перезагрузки
Нажмите отправить!
Для полноценной отправки данных и записи, надо много шагов сделать!

подробнее.
подробнее.