2013-07-15 5 views
5

フォームを開くときに、ヘルプテキストと共にテキストボックス内にカーソルが待機しています。何らかの検証エラーが発生しています。だから私はフォームを開くときにフォーカスを必要としない、ユーザーはテキストをクリックしてテキストを入力する必要があります。しかし、ここでは、テキストボックスにカーソルがありません。テキストボックスからフォーカスを削除するには?

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(); 
    } 

教えてください...

JSFIDDLE

+0

を使用すると、ページのロード時にこの機能を実行しているのはなぜ?なぜユーザーが実際にテキストエリアをクリックするまで延期しないのですか? –

答えて

9

UPDATE:

使用HTML5 placeholder属性は、任意のjsを使用する必要はありません。

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

すべての入力要素でオートフォーカスを無効にするには、これを使用します。

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

以下のように要素IDを渡し、特定の要素にオートフォーカスをdisbaleするには:

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

ロードフォームに追加しましたが、無効にしませんか? – user2444474

+0

http://jsfiddle.net/AVbJk/ - ここにチェック – user2444474

+0

実際にはオートフォーカスはありません、あなたは何を求めていますか?あなたの質問に言い換えてください。 – defau1t

関連する問題