Tengo esta form que pide al usuario que de 4 numeros distintos del 0 al 9, pero necesito que de un mensaje de error cuando no pone ningun numero o repite alguno
<form action="/play" method="post" style="margin-top: 50px;" id="abcd">
<input id="a" autocomplete="off" autofocus class="form-control" name="a" type="number" min="0" max="9" style="width: 7%"> </form>
Necesito que solamente se pueda enviar cuando esta funcion devuelve verdadero, como puedo hacer?
function validate(){
var a;
var b;
var c;
var d;
a =document.getElementById('a').value;
b=document.getElementById('b').value;
c=document.getElementById('c').value;
d=document.getElementById('d').value;
if ( a ==="" || b==="" || c ==="" || d==="" ) {
document.getElementById("demo").innerHTML = "You must provide 4 numbers";
return false;
}
else if ( a === b || a === c || a === d || b === c || b === d || c === d){
document.getElementById("demo").innerHTML = "Each digit can appear at most once.";
return false;
}
else{
document.getElementById("demo").innerHTML = "";
return true;
}
}