Почему происходит перезагрузка сайта при нажатии на кнопку?

Question

[Fox 777]

<form id="main-form" onsubmit="CheckForm(this)" method="post">
        <label for="name">Введите имя: </label>
        <input type="text" name="name" id="name" placeholder="Имя"> <br><br>
        <label for="password">Введите пароль: </label>
        <input type="password" name="pass" id="pass" placeholder="Пароль"> <br><br>
        <label for="repas">Подтвердите пароль: </label>
        <input type="password" name="repas" id="repas" placeholder="Пароль"> <br><br>
        <label for="man">М: </label>
        <input type="radio" name="state" id="man" >
        <label for="woman">Ж: </label>
        <input type="radio" name="state" id="woman" > <br><br>
        <input type="submit" name="submit" value="Готово">
        
    </form>

function CheckForm(el) {
    var name = el.name.value;
    console.log(name);
}

Answer 1

[Rsa97]

preventDefault

Answer 2

[mhatikov]

В форме есть инпут с типом submit при клике на который происходит отправка формы и как следствие reload страницы. Если не нужна отправка формы можно использовать preventDefault как написали выше.

Comments

[Fox 777]

а при ошибке 405?

[mhatikov]

А что вас конкретно интересует в получении ошибки? Событие submit происходит независимо от ответа сервера, также происходит и обновление страницы, если у вас не SPA приложение.

код 405