Estoy haciendo un formulario donde tengo dos campos que son requeridos, en este caso son nombre y email. Lo que sucede es que dichos campos deben estar llenos, pero aunque no lo esten si apreto el boton de enviar igual salta la alerta enviado. Lo que necesito hacer es que si no estan llenos dichos campos, no muestre dicha alerta de enviado, al momento de dar click al botón de enviar. Ajunto codigo.
Ya estan puestos con el atributo required, pero lo que sucede es que si apretas el boton enviar pone enviado de una, lo que necesitaria es validar si los campos email y nombres son validos y luego al apretar enviar muestre enviado. Seria algo como mientras no esten llenos esos campos bloquear el boton enviar. Gracias.
<form action="no_existe.html" method="get">
<fieldset>
<legend>Datos</legend>
Nombre y apellido (máximo 20 caracteres) <input type="text" placeholder="Ingrese su nombre" maxlength="20" required> <br>
Correo <input type="email" placeholder="Email" required> <br>
<input type="submit" class="button" name="enviar" onclick="hizoClick()" value="Enviar">
<script>
function hizoClick() {
alert("Enviado");
}
</script>