@jIVOYz

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

У меня вот проблема с формами на HTML и Javascript.
Я когда нажимаю на её отправку у меня перезагружается страница.
Попробовал все ответы, никак не помогает.
Хотелось бы решение на чистом JS.

Вот код:
HTML:

<form  onsubmit="return checkForm(this)" method="post">
        <input type="text" placeholder="Login" name="name" id="login">
        <br>
        <br>
        <input type="password" placeholder="Password" name="pass">
        <br>
        <br>
        <input type="button" value="Register" id="button_register" onclick="onClickButton(this)">
        <div id="error" style="color: red;">div>
</form>

Javascript:

function checkForm(el) {
 var name  = el.name.value;
 var pass = el.pass.value;
 var fail = "";
 if(name == "" || pass == "") 
     fail = "Заполните все поля";
 else if (name.length < 3)
     fail = "Имя должно иметь минимум три символа";
 else if (name.split("%").length > 1 || name.split("!".length > 1) || name.split("&"))
     fail = "Запрещёные знаки: %, !, &";
 if (fail != "") {
     document.getElementById('error').innerHTML = fail;
     return false;
 } else {
     alert("Все данные корректно заполнены");
 }
 return false;
}
  • Вопрос задан
  • 74 просмотра
Пригласить эксперта
Ответы на вопрос 3
@SupchickCode
Посмотри на fetch запросы.
Таким образом можно послать запрос на сервер без перезагрузки страница.

P. S. fetch это не jquery
Ответ написан
FeST1VaL
@FeST1VaL
Тихий
Вы можете посмотреть примеры на JS и как это выглядит на Jquery youmightnotneedjquery.com
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы