1

ユーザー名、パスワード、職業を取得する HTML フォームがあります。職業が学生の場合は、JavaScript を使用して新しいボックスを作成し、ユーザーの大学の電子メールを入力します。これは正常に機能し、ユーザー名とパスワードのボックスに透かしを入れることもできます。しかし、新しい大学のメール ボックスが表示されたときに、透かしを入れることができません。理由がわかりません。

$('#editfill_occupation').change(function() {
    if ($("#editfill_occupation").val() == "0") {
        $('#editfill_uniemail').watermark("Please enter your university email address ");
        $('#editfill_uniemail').show();
    }
    else {
        $('#editfill_uniemail').hide();
    }
});​

私の editfill_uniemail は次のように定義されています:

<input type="text" name="editfill_uniemail"  id="editfill_uniemail" style="display: none;" >

上記の定義で placeholder 属性も使用しようとしましたが、うまくいきません。私は間違っている可能性がありますか？または透かしへの書き込み方法ではありませんか？

4

2 に答える 2

1

HTML プレースホルダー属性を試しましたか?

編集:お持ちのようですが、私のコードは正しく動作します。

デモ: http://jsfiddle.net/SO_AMK/4nGdQ/

HTML:

<select id="editfill_occupation">
    <option value="0">Providing demos for questions</option>
    <option value="1">Just kidding about that</option>
    <option value="2">But next time,</option>
    <option value="3">Please do your own :D</option>
</select>
<input type="text" name="editfill_uniemail" placeholder="Please enter your university email address" id="editfill_uniemail" style="display: none;" >​

placeholder 属性は現在、IE を除くすべての最新のブラウザーでサポートされており、IE 10 でもサポートされる予定です (この場合、caniuse.com は IE では表示されません)。

document.ready()ハンドラーを忘れないでください...

于 2012-10-15T02:53:15.553 に答える
1

別のデモ http://jsfiddle.net/aXzuS/

これはAPIを使用.focusして実現できます。.blur

良いリンク: http://blogs.planetcloud.co.uk/mygreatdiscovery/post/A-simple-jQuery-watermark-textbox.aspx

ニーズに合うことを願っています！:)

コード

$(document).ready(function() {

    var tbval = $('#hulk').val();

    $('#hulk').focus(function() {
        $(this).val('');
    });

    $('#hulk').blur(function() {
        $(this).val(tbval);
    });

});​
于 2012-10-15T03:01:46.423 に答える