Как остановить автоматическое обновление после отправки?
Как остановить автоматическое обновление после отправки.. У меня есть JS, который будет выполнен (отображение данных формы)?
HTML
<body>
<noscript>Your browser does not supoort Javascript!</noscript>
<div>
<img src="assets/images/logo.png" width="500" class="top-centered-logo" alt="Logo">
<div class="back-arrow">
<a aria-current="page" class="active" href="home.htm">
<img width="30" src="assets/images/back-arrow.png">
</a>
</div>
<div>
<div id="check-in" class="centered">
<form id="my-form" onsubmit="results ()" method="post" class="sm-form" action="">
<label for="firstname"></label>
<input type="text" id="firstname" class="sm-form-input" placeholder="First Name" required>
<label for="lastname"></label>
<input type="text" id="lastname" class="sm-form-input" placeholder="Last Name" required>
<label for="location"></label>
<input type="text" id="location" class="sm-form-input" placeholder="City of Residence" required>
<button class="sm-form-button">Add Family Member</button>
<input type="submit" class="sm-form-button"></button>
</form>
</div>
</div>
</div>
<script src="assets/js/checkin.js"></script>
</body>
JS
function results() {
var firstname = document.getElementById("firstname").value;
var lastname = document.getElementById("lastname").value;
var location = document.getElementById("location").value;
document.getElementById('my-form').innerHTML = "Thank you "+ firstname +" for checking in.";
document.getElementById('my-form').style.fontFamily = 'Manrope', sans-serif;
document.getElementById('my-form').style.color = 'white'
}
Что я уже пробовал:
<input type="submit" class="sm-form-button" onclick="return false;"></button>