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;" >

我还尝试使用上述定义中的占位符属性，但它不起作用。我可能做错了什么？还是不是水印的写入方式？

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;" >​

目前除 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 回答