Estoy realizando una validación de términos y condiciones en la cual tengo que marcar un checkbox
donde dice que acepto términos y luego poder apretar continuar y redirigirme a la nueva pagina.
Lo que pasa es que al momento de probar el checkbox
sin marcarlo y darle a continuar me aparece una alerta que debo aceptar los términos a la cual yo le doy siguiente y me redirige a la pagina siguiente sin dejarme marcar el checkbox
que necesitaba.
Necesito ayuda con hacer esa validación para que cuando aparezca esta alerta me deje en la misma pagina y tenga que marcar el checkbox
antes de poder seguir. Dejo código.
<center>
<script type="text/javascript">
function valid() {
//Validación de campo vacío
if (document.getElementById("acepto_chk").checked == false) {
alert("Acepta los terminos");
document.getElementById("acepto_chk").focus();
return false;
}
return true;
}
</script>
<label>He leído y comprendo los requerimientos </label>
<input type="checkbox" name="acepto_chk" id="acepto_chk" value="1" required>
</center>
<br>
</table>
<center>
<tr>
<td>
<button type="submit" class="btn btn-outline-secondary" name="submit">
<a href="index.php">
<p1>Volver al Inicio</p1>
</a>
</button>
</td>
</tr>
<tr>
<!-- Botón para enviar a tercera página -->
</tr>
<a id="validar" href="mostrar_notarias.php?documento_seleccionado=<?php echo $documento_seleccionado; ?>&nombre=<?php echo $nombre; ?>" class="btn btn-outline-warning" onclick="valid()" >Continuar</a>
</center>