When opening form the cursor is waiting in the text box along with help text.So there are some validation error happening. So i don't want focus when opening form, user have to click the text and type the text. But here didn't any onfocus eventhough cursor in the textbox .

if(!$.trim($("#productsTextArea1").val())){
        helpTip = "help string ....";
        $("#productsTextArea1").val(helpTip);
        $("#productsTextArea1").css("color","#999");
        $("#productsTextArea1").click(function(event){
            if($("#productsTextArea1").val().indexOf("Enter a return")>-1){
                $("#productsTextArea1").css("color","black").val("");
            }
        });
    } else {
         $("#productsTextArea1").blur();
    }

Please advise...

JSFIDDLE

When opening form the cursor is waiting in the text box along with help text.So there are some validation error happening. So i don't want focus when opening form, user have to click the text and type the text. But here didn't any onfocus eventhough cursor in the textbox .

if(!$.trim($("#productsTextArea1").val())){
        helpTip = "help string ....";
        $("#productsTextArea1").val(helpTip);
        $("#productsTextArea1").css("color","#999");
        $("#productsTextArea1").click(function(event){
            if($("#productsTextArea1").val().indexOf("Enter a return")>-1){
                $("#productsTextArea1").css("color","black").val("");
            }
        });
    } else {
         $("#productsTextArea1").blur();
    }

Please advise...

JSFIDDLE

• javascript
• jquery
• css

• Why are you running this function on page load? Why not defer it until the user actually clicks on the textarea? – Diodeus - James MacFarlane Commented Jul 15, 2013 at 18:28

1 Answer 1

UPDATE:

Use HTML5 Placeholder attribute, you don't need to use any js.

    <textarea id="productsTextArea1" name="product" rows="5" 
placeholder="Some Hint Text is Placed Here"></textarea>

To disable autofocus on all input elements use this.

  $(function(){
        $('input').blur();
    });

To disbale autofocus on a particular element, pass the element id as below:

$(function(){
    $('input#someid').blur();
});