submitでデフォルトテキストをテキストボックスから削除する

Question

 $('input[class*="defaulttext"]').each(function() { 

        this.value = $(this).attr('title'); 
        $(this).addClass('defaultclass'); 

        $(this).focus(function() { 
         if (this.value == $(this).attr('title')) { 
          this.value = ''; 
          $(this).removeClass('defaultclass'); 
         } 
        }); 

        $(this).blur(function() { 
        if (this.value == '') { 
         this.value = $(this).attr('title'); 
         $(this).addClass('defaultclass'); 
        } 
       }); 


       }); 

これは基本的にテキストボックスの背景テキスト効果を追加します（タイトルを使用します）。一旦選択されると、テキストは消える。

ここで、オプションのフィールドに問題があります。ユーザーがこれらのフィールドを編集しない場合、デフォルトのバックグラウンドテキストがフォームとともに送信されます。フォームが送信されると、未編集のフィールドの値をリセットする必要があります。どのようにこれを行うにはどのようなアイデア？

フォーム送信時にtitle = valueかどうかを確認しますか？はいの場合は ''に設定します。

Answer 1

を使用して編集したフィールドをマークすることができ、あなたができる：

$("#yourForm").submit(function() { 
    $('input[class*="defaulttext"]').val(""); 
}; 

Answer 2

HTML5 Placeholder jQuery Pluginを使用しましたが、この場合はうまくいきました。

Answer 3

これを実行して、title = valueの値を確認できます。または代わりに、あなたが持っているコードに基づいてjQuery.data()

Answer 4

$("#yourForm").submit(function() { 
    $('input.defaulttext').each(function() { 
     if($(this).val() === $(this).attr('title')) { $(this).val(''); } 
    }); 
};