Problème HTML / javacscript

Bonjour,

j'aimerais pouvoir m'assurer que tous les champs d'un form donné sont rempli. Présentement, je tente de m'y prendre de la façon suivante:

function validateForms(form){
elements = form.getElementsByTagName("form");
for (var intCounter = 0; intCounter < elements.length; intCounter++) {
if(!validate_required(elements[intCounter], "Le champs " + elements[intCounter].name + " ne peut être vide.")){
return false;
}
}
}

function validate_required(field, alerttxt){
with (field){
if (value==null||value==""){
alert(alerttxt);return false;
}
else{
return true;
}
}
}



Voici la ligne de mon form:

<form id="joueurs" name="joueurs" method="post" action="" onsubmit="validateForms(this);">



Ce que je veux faire avec ça en fait, c'est d'empêcher mon form de submit si tous les champs ne sont pas remplis. Je sais très bien que je fais une erreur, j'ignore où. Merci d'avance.