Hoi,
Hoe krijg ik het aantal tekens dat in een input zit met javascript?
Als voorbeeld:
hier zo'n input [blaaat] -> daarna wil ik met javascript niet blaat op m'n scherm hebben maar ik wil alleen '6' op m'n scherm showen, blaat is 6 tekens
blaat is 5 tekens
blaaat is 6 tekens
nou en, daar gaat het niet om, rotfl
maar hoe kan je dat nou krijgen? het aantal tekens ipv die letters
getElementById('id van input').value.length

zoiets moet het zijn
Je moet je formulier een naam geven met het attribuut name van de <form>-tag. Het veld waarvan je de lente wil weten ook:

document.formuliernaam.veldnaam.value.length;
of gewoon met this.value.length.. of werkt dat niet
?
maar waarom werkt dit nu niet.. ik ben geen prof in javascript:

function terug(kereltje2)
{
if (kereltje.value.length <= "3"){
kereltje2.style.border="1px solid red"; 
kereltje2.style.backgroundColor="#78B078";
}
else{
kereltje2.style.border="1px solid green"; 
kereltje2.style.backgroundColor="#B15E62";
}
}

srry werkt al weer, ik had een typefoutje gemaakt
als dat al een string is is t ding.length
Het bovenstaande werkt nu, maar nog even één vraag in dit topic:
hoe krijg ik het nou zo dat als je ook maar 1 letter invoert dat dan die functie word aangeroepen?

Documentje

<html>
<head>
<link rel="stylesheet" href="css.css" type="text/css">
<script language="Javascript" src="js.js"></script>
</head>
<body bgcolor="#C5c5c5">
<form>
<input ACCESSKEY="n" type="text" name="naam" value="Hallo" onChange="terug(this)">
</form>
</body>
</html>


js.js

function terug(kereltje2)
{
if (kereltje.value.length <= "3"){
kereltje2.style.border="1px solid red"; 
kereltje2.style.backgroundColor="#78B078";
}
else{
kereltje2.style.border="1px solid green"; 
kereltje2.style.backgroundColor="#B15E62";
}
}


onChange werkt dus niet, dat heeft (bij mij) dezelfde functie als onBlur... als je ernaast klikt gaat hij pas kleuren
onkeypress of onkeyup (onkeydown is niet handig)
Okee Legolas, dat had ik niet kunnen bedenken :)

Tijd voor de 3e vraag in 1 topic:
Nu wil ik zo'n checkboxje, als je dat checkboxje aangevinkt hebt dan moet de hele functie 'terug' worden uitgevoerd...
Ik heb nu iets wat 'weer' niet werkt:

function terug(kereltje2)
{
if (kereltje2.value.length <= "3" && document.getElementById('keuze').selected = true){
kereltje2.style.border="1px solid red"; 
kereltje2.style.backgroundColor="#B15E62";
}
else if(kereltje2.value.length > "3" && document.getElementById('keuze').selected = true){
kereltje2.style.border="1px solid green"; 
kereltje2.style.backgroundColor="#78B078";
}
else{
kereltje2.style.border= "1px solid black";
kereltje2.style.backgroundColor= "#B1B1B1";

}
}

Iemand een idee? Of kan je niet document.nogwat in een extern javascriptbestand duwen?

Reageren