Hola que tal estoy haciendo un formulario y quiero validarlo con javascript, lo que trato de hacer es por ejemplo a un campo de texto que sea mayor de 3 caracteres, si no lo es que me aparezca dentro de la mismo pagina "Mínimo tres caracteres", pero no quiero que salga en un alert sino en un div o en un span dentro de la misma pagina, he intentado lo siguiente:
Código:
<html>
<head>
<title></title>
<script>
function valida(){
var obj = document.getElementById('errorusuario');
obj.innerHTML="Minimo 4 caracteres";
}
</script>
</head>
<body>
<form name="formusu">
<div id="errorusuario"></div>
<button onclick="valida()">Aceptar</button>
</form>
</body>
</html>
Pero me actualiza toda la pagina y borra el mesaje.
No creo tener que usar ajax por que no hay peticion al servidor ni parece que sea necesaria, entonce que puedo hacer para que la pagina no se actualice y no desaparezca el mensaje.