[JS] [ jQuery] Input veld resetten

[Verwijderd]

Noem me dom, maar na 3 uur Googlen ben ik er nog niet uit ... het feit dat ik een absolute JS newbie ben maakt het er natuurlijk niet simpeler op ...

Op volgende pagina staat er een formuliertje klaar met captcha; http://www.gidos-screamers.be/beta/gastenboek/

Het probleem is nu dat als je iets gaat invullen op het formulier de code van de captcha onthouden wordt door de browser, als je dus op back klikt of op refresh staat de oude code er nog steeds.

Wat ik dus wil proberen is dat het veld reset wordt wanneer je er op klikt (of / en) wanneer de pagina herladen wordt ...

Nu heb ik volgende code al geprobeerd maar geen enkele werkt

JavaScript:

$("#field_captcha").focus(function() {
$(this).attr("value","");
});

JavaScript:

 if ($("#field_captcha").val() != "") $("#field_captcha").val("");

en nog een hoop andere voorbeelden ook ... wat doe ik fout? Als ik nu een foutmelding zou krijgen in Firebug of dergelijke zou ik het nog ergens begrijpen maar ik krijg niets

[Luqq]

Het kan zeker met jQuery, maar als tijdelijke oplossing zou je altijd kunnen doen:

JavaScript:

document.getElementById('field_captcha').value = ""

edit: Woeps, ik lees je post helemaal niet. Als je je input autocomplete="off" meegeeft; bv

HTML:

<input type="text" autocomplete="off">

Of begrijp ik je probleem niet

[ Voor 37% gewijzigd door Luqq op 08-10-2009 22:07 ]

[Verwijderd]

Luqq schreef op donderdag 08 oktober 2009 @ 22:03:

HTML:

<input type="text" autocomplete="off">

Je begrijpt het probleem wel; helaas maakt bovenstaande code mijn document niet langer validated ...

[Luqq]

Voor zover ik zie is er geen echte functie voor. Deze is ontworpen door microsoft, en overgenomen door andere browsers, maar niet overgenomen door het w3 consortium. Vrees dat je niet veel anders kan doen door vieze workarounds zoals hier(onderaan) of hier.

[Krooswijk.com]

Binden wanneer de DOM klaar is:

JavaScript:

$( document ).ready( function() {
    $( "#field_captcha" ).focus( function() {
        if ( $( this ).val() != "" ) {
            $( this ).val( "" );
        }
    });
});

edit: $( this )

[ Voor 5% gewijzigd door Krooswijk.com op 08-10-2009 22:33 ]

[Verwijderd]

@Krooswijk bedankt!

En volgende stukje

code:

$( document ).ready( function() {

was ik net zelf ook achtergekomen

Na 10 jaar prutsen met html, css & php misschien toch eens de moeite doen om js erbij te nemen ...

[ Voor 5% gewijzigd door Verwijderd op 08-10-2009 22:39 ]

[TeeDee]

Verwijderd schreef op donderdag 08 oktober 2009 @ 22:17:
[...]
Je begrijpt het probleem wel; helaas maakt bovenstaande code mijn document niet langer validated ...

Ach, validatie is een middel. Geen doel. Net als het aloude gezever over het wel of niet toevoegen van een alt="" toevoegen aan een image. Let wel: alt="" is net zo slecht als geen alt gebruiken. Dat het W3C de "autocomplete" niet in de specs heeft staan en (bijna) alle browser bouwers wel zegt imo genoeg.