document.getElementById() is leeg

alert(inputName).. wat zie je? is het een door jouw ingevoerde waarde?

Ja. En als ik zelf de waarde invul tussen 2 "'s dan werkt het wel. Maar omdat ik de functie gebruik voor meerdere inputs wil ik hem dus dynamisch maken. Dus dat ik met 1 functie al de inputs zo kan controleren.

return validateInput(vraag_nl);

Wat zit er in die vraag_nl?

Remember:

validateInput("mijnInput"); // goed
validateInput("#mijnInput"); // fout

Waarschijnlijk is dus je input parameter niet goed, en vaak is het dan zoiets lulligs als dat je nog in "CSS mode" zit. CSS selectors werken niet in JavaScript (tenzij je een lib zoals jQuery gebruikt die wel weer CSS selectors ondersteund)

nee hoor. Ik heb de syntax juist.

<input type="text" name="vraag_nl" id="validator" class="validInput" style="height: 15px; width: 250px;" value="" onblur="return validateInput('vraag_nl');" />

Dus die vraag_nl is eigenlijk de id naam van de input. Dus dan moet de javascript functie die vraag_nl gebruiken als id. Hoe kan ik dat doen?

document.getElementById(inputName).className = 'invalidInput';

Hier zit hem namelijk de fout. getElementById(inputName) wil niet werken. inputName is niet leeg, maar je kan het niet zo gebruiken rechtstreeks in elementbyid. Hoe kan ik dat dan doen?

Iemand vertelde me zo:

document.getElementById(++inputName++).className = 'invalidInput';

Wat dus ook niets uithaalde.

Iemand die me kan helpen?

Lees je code eens goed door ;)

getElementById(); En met name het laatste woordje van deze functie. Je refereert je code verkeerd. Je kunt niet even aannemen dat js je name value als referentie punt kan gebruiken.

getELementById("ID"); returns ( obj elem );

Je functie zal er dus anders uit gaan zien. Wat je kunt doen is zoiets als:

function val(id)
{
var e = getElementById(id);

if(e.value == "" || e.length = 0)
{
e.className = "invalidInputClass";
}
}

Inderdaad. je input heeft geen id, maar een name. Dat is een verschil.

en lol @ ++inputName++
wanne kwats, da heb ik nog nooit gezien zo :)

Dit is nu mijn code

function validateInput(inputName)
{
	var e = getElementById(inputName);
	
	if(e.length == 0 || e.value == "")
	{
		e.className = 'invalidInput';
	}
	else
	{
		e.className = 'validInput';
    }
}

Maar het werkt niet. krijg ook geen fouten.

en hoe ziet je input element er uit? En de aanroep van de functie?

inputName zal wel nog steeds de name bevatten ipv het id