Question

I have a form with input types text. Like this:

<input type="text" placeholder="Voornaam" class="required" title="Voornaam" id="ctl00_ContentPlaceHolder1_tbFirstName" maxlength="255" value="Mike" name="ctl00$ContentPlaceHolder1$tbFirstName">

But now my question. Normally the text is gray in the text fields. But when you have completed a field. The color must be black. How can i check this with javascript?

Thanks

Answer 1

I think you meant that we need color field only when user finished writing….
If yes then you need to use this algorithm:

$('#ctl00_ContentPlaceHolder1_tbFirstName').blur(function () {
    var self = $(this);
    if (self.val() != "") {
        self.css('color','black'); // Set black fore color
    }
    else {
        self.css('color','gray'); // Restore code
    }
});