入力テキストにテキストを変更するとき:問題私は<a href="http://jsfiddle.net/QZcjg/" rel="nofollow">this</a>コードがある場合、ユーザーの書き込み代
<input type="text" id="myText" class="input_box_hidden" />
$(document).ready(function() {
var nomeAzienda=$("#myText");
if(nomeAzienda.val()=="") nomeAzienda.val("Nome Azienda");
if(nomeAzienda.val()!="Nome Azienda") nomeAzienda.removeClass().addClass("input_box");
$("#myText").focus(function() {
if(nomeAzienda.hasClass("input_box_hidden"))
{
nomeAzienda.val("");
nomeAzienda.removeClass().addClass("input_box");
}
});
$("#myText").blur(function() {
if(nomeAzienda.val()=="")
{
nomeAzienda.val("Nome Azienda");
nomeAzienda.removeClass().addClass("input_box_hidden");
}
});
});
をそれは完璧に動作します。
問題は、サーバーに入力ボックスを送信するときに、クライアントが返信するときに値を格納するためです(ユーザーが別の値を挿入しないようにする)。この制御により
:
if(nomeAzienda.val()!="Nome Azienda") nomeAzienda.removeClass().addClass("input_box");
私はそれがデフォルト値ではありません確認してください。
しかし、ユーザーが「Nome Azienda」を値として挿入するとどうなりますか?それは動作しません。
どうすればこの問題を防ぐことができますか?
HTML5はテキスト入力用のプレースホルダ属性を提供します。 – Francisc
ええ、私はHTML5で作業していません(不幸にも多くのブラウザではサポートされていません) – markzzz
ユーザが入力テキストフィールドに「Nome Azienda」と入力すると同じ動作が必要ですか?だから、もし誰かが "Nome Azienda"とタイプすると、それが消えるように焦点を当てるのですか? – Francisc