Bonjour, ou plutôt bonsoir
 
Alors mon petit problème qui me prend la tête depuis quelques temps est le suivant :
Je souhaite créer une petite fonction JavaScript qui permette de vérifier un formulaire. Jusque là rien de très sorcier...
Mais le petit plus, c'est que je voudrais pouvoir réutiliser cette fonction pour n'importe quel formulaire (donc de nom différent) et, par exemple, juste pour le deuxième, s'il y'en a deux sur une page...
 
Je veux donc faire passer le nom du formulaire à checker en paramètres, mais le problème est que ça foire à chaque fois avec le message d'erreur suivant :

 
Pour exemple, la fonction "rouge" marche car je fournis le numéro du formulaire (calculé dans une autre fonction), ainsi que le numéro de l'élément dans ce formulaire.
Mais la fonction "white" ne marche pas et renvoie le message d'erreur ci-dessus, et ce pour n'importe quel passage de chaîne de caractères en paramètre de fonction...
Je suppose que le problème vient du fait que nom n'est pas entre guillemets dans le getElements, alors si quelqu'un a une idée pour résoudre ce problème de cette manière, je suis preneur...
 

 
EDIT : de même si pour la fonction "rouge", je change par :

j'obtiens la même erreur...

un formulaire on y accede par un ID
<form id="tamere">

document.getElementById("tamere" )
un element  de formulaire c'est pareil.

getElementsByName ca n'existe pas ou plus du tout.

et même si tu voulais que ta fontion rouge marche, il faudrait faire :

-La méthode getElementsByName c'est à chier et non portable.
-Sache que l'attribut name est deprecated, il est recommandé d'utiliser un id. Par exempe, name à disparu dans XHTML, donc du coup tu peux foutre ton js à la poubelle.
-Pour cibler un Id, getElementById s'impose, ce qui te permet de passer une string en paramètre de ta fonction.
-Utiliser le "tableau" forms c'est également à chier, si tu dois rajouter une form au milieu de ta page, tout le tableau est décalé.
-Pense "factorisation", à savoir une fonction indépendante de l'environnement et des propriétés de ta page.
-Même pour tester évite ce genre de nom de fonction.

oki
merci je vais suivre vos conseils et tout revoir ce joyeux bordel

Et si je veux faire une "vérification listée" de tous les éléments que contient mon formulaire ?
 
Du genre :  

 
PS : j'ai codé n'importe comment et plusieurs choses doivent être fausses, mais je n'ai aucune idée de comment y arriver avec getElementById
Si une bonne âme charitable pouvait m'aider
Merci d'avance

Passer par un getElementsByTagName depuis ton formulaire.
 
Par exemple si tu as

<form id="monform"> 
<input type="text" name="nom" id="form_name"/> 
<input type="text" name="prenom" id="form_surname"/> 
<input type="text" name="chocolat" id="form_hpricot"/> 
</form>

Tu peux faire un truc du style

function check(formId) {
    var error = false;
    var errors = [];
    // récupération de l'élément de formulaire
    var form = document.getElementById(formId);
    // récupération de tous les "input" dans le formulaire
    var inputs = form.getElementsByTagName('input');
    // on itère sur les inputs
    for(var i=0; i<inputs.length; ++i) {
        var currentInput = inputs[i];
        if(currentInput.value == "" ) {
            setError(currentInput)
            errors.push("Le champ " + currentInput.name + " est vide" );
            // on ne focus() que le premier contrôle générant une erreur
            if(!error) {
                currentInput.focus();
            }
            error = true;
        } else {
            clearError(currentInput)
        }
    }
    if(error) {
        alert(errors.join("\n" ));
    }
    return !error;
}
function setError(control) {
    control.style.borderColor = "red";
}
function clearError(control) {
    control.style.borderColor = "";
}

Merci beaucoup, je comprends beaucoup mieux maintenant
J'ai pu modifier mon code avec les getElementsByTagName et ca marche nickel
Encore merci