Waarom moet ik 2 keer klikken voordat de functie word uitgevoerd?

Hallo,

Ben bezig geweest een code te maken voor een formulier.
Als het veld leeg is moet deze shaken.


Ik moet 2x klikken voordat de functie word uitgevoerd. Hoe kan dit?

Gr. Yoeri

Ik heb het niet getest, maar ik denk dat het probleem ligt aan de remark.value.length.

Maak er eens dit van:

[JS]function valideer(e)
{
var remark=document.getElementById('remark1');

console.log('valideer() call, remark = ', remark, 'value.length = ', remark.value.length);

if (remark.value.length == 0)
{
$(".hah").effect('shake', 500 );

return false;
}
}[/JS]
Open console (F12 in Chrome, FF volgens mij ook) en refresh/klik op de knop. Wat zegt 't console?

Daarnaast: het is altijd wel netjes om een event handler te gebruiken ipv. in de HTML een on-event. Daarnaast: een <form> is niet nodig, tenzij de code maar een voorbeeld was en je ook dingen verstuurt.
Ohja, en volgens mij kan je je dEBY 'remark' var direct in jQuery gooien, dan is de ".hah" class niet nodig.


[XML]
<input type="text" id="remark1">
<br/>
<button id='valideerknop'>valideer</button>


<script>
document.getElementById('valideerknop').addEventListener('click', function()
{
var remark = document.getElementById('remark1');

console.log('valideer() call, remark = ', remark, 'value.length = ', remark.value.length);

if (remark.value.length == 0)
{
$(remark).effect('shake', 500 );

return e.preventDefault();
}
}
</script>[/XML]