jordanneenan
8/27/2015 - 11:56 PM

Control default text in a field

Control default text in a field

<input class="js-text" type="text"  data-fieldtext="$searchText" value="$searchText" name="s" id="s" />
//Field text - remove on focus, replace on blur
function fieldText(){
    var $fieldText = jQuery('.js-text');
    $fieldText.focus(function(){
        var fText = jQuery(this).data("fieldtext");
        var fVal = jQuery(this).val();
        if(fVal === fText){
            jQuery(this).val("");
        }
    })
    $fieldText.blur(function(){
        var fText = jQuery(this).data("fieldtext");
        var fVal = jQuery(this).val();
        if(fVal === ""){
            jQuery(this).val(fText);
        }
    })
}