javascript - フォームで入力テキストボックスの値プロパティを使用すると、プレースホルダーテキストが返される

Question

Webshim を使用して、IE8 のテキストボックスに html5 プレースホルダー機能を提供しています。

フォームを送信すると、これは正常に機能します。ユーザーが何も入力していない場合、フィールドは空白になります。

しかし、onclick イベントにフックされた ajax リクエストを作成することで物事を盛り上げようとすると、次のコード行は空の文字列ではなくプレースホルダーテキストを返します。

document.getElementById('idOfTextBox').value

この動作を回避するにはどうすればよいですか?

score 0 · Accepted Answer

V31、超速かった！あなたは正しいです、jqueryはそれを正しくします。

$('#idOfTextBox').val()

正しい結果を与える

score 0 · Accepted Answer

プレースホルダーの修正は値をテキストボックスに入れ、スタイルを変更してプレースホルダーとして表示するため、送信する前に修正する必要があります。以下のjqueryのコードを見つけてください。

$('form').submit(function() {
        $(this).find('.hasPlaceholder').each(function() {
            $(this).val('');
        });
});

プレースホルダーを削除するテキストボックスには、それらを見つけることができるようにクラス「hasPlaceHolder」を持たないでください

OPに従って、jqueryセレクターが機能しました

$('#idOfTextBox').val()

score 0 · Accepted Answer

これを代替として設定できます

if ( document.getElementById('idOfTextBox').value=='placeholder' ) {
    document.getElementById('idOfTextBox').value='';
}

基本的に、テキストボックスの値 = プレースホルダーの場合、値は '' (空の文字列) に設定されます。

javascript - フォームで入力テキスト ボックスの値プロパティを使用すると、プレースホルダー テキストが返される