[JS] Autocomplete check

[DNA_Saint]

Ik ben bezig om een á la Google Material Design form input te maken.
Waarbij wanneer je op een input focust, de label naar boven sprint zoals:
https://www.polymer-proje...nts/demo.html#paper-input (klik op floating label)

Dit werkt allemaal mooi. Echter is er 1 probleem.
Wanneer je gegevens hebt opgeslagen zoals bij een inlogformulier, wordt dit automatisch ingevuld bij het bezoeken van de pagina.
Alleen wordt de value niet herkend als ingevuld.
Mijn check:

JavaScript:

if( $(this).val().length !== 0 ) {
    $(this).siblings('label').addClass('active');
}

Dit werkt niet omdat er geen value wordt gezet bij het bezoeken van de pagina. Waardoor de length ook 0 is.

jQuery UI heeft iets ingebouwd hiervoor, maar vind het een beetje too much om dit te gebruiken voor alleen een autocomplete.

Weet iemand hoe ik de autocomplete kan afvangen?

[HyperioN]

Auto-complete values worden door de browser geset na document.ready maar vóór window.load.
Oftewel: als je je bovenstaande code in een $(window).load()-blok zet zal het wel werken.

Getest met Chrome:

JavaScript:

$(document).ready(function(){  
   console.log($("input[name=username]").val().length); 
});
$(window).load(function(){  
   console.log($("input[name=username]").val().length);    
});

Eerste print 0, de tweede 7.

[ Voor 40% gewijzigd door HyperioN op 23-12-2014 15:19 ]