3

在 ASP.NET MVC 中实现水印文本框控件的最简单方法是什么，互联网上是否有这样的控件（可能是 codeplex）。我想编写一个扩展的 HtmlHelper 并使用 jquery 水印文本框实现非常简单。

4

6 回答 6

3

您可以使用如下的 Jquery 插件：

水印插件

提供了一个示例，使用简单。

于 2010-05-04T15:28:19.307 回答
0

在这里查看我的答案

使用此 jquery，您可以在文本框中显示水印。这里我使用图像代替水印。您需要创建水印文本的图像。

$(document).ready(function () {

            /*Watermark for date fields*/

             if ($("#dob").val() == "") {
                $("#dob").css("background", "#ebebeb url('/Content/images/DateWaterMark.png') no-repeat 1px 0px");
            }

            $("#dob").focus(function () {
                if (watermark == 'MM/DD/YYYY') {
                    $("#dob").css("background-image", "none");
                    $("#dob").css("background-color", "#fff");
                }
            }).blur(function () {
                if (this.value == "") {
                    $("#dob").css("background", "#ebebeb url('/Content/images/DateWaterMark.png') no-repeat 1px 0px");
                }
            });

            $("#dob").change(function () {
                if (this.value.length > 0) {
                    $("#dob").css("background", "#fff");
                }
            });
}
于 2012-05-18T23:17:42.877 回答
0

我会使用这个：http ://digitalbush.com/projects/watermark-input-plugin/

于 2010-05-05T21:43:49.257 回答
0

我使用并推荐 ClearField jQuery 插件： http ://labs.thesedays.com/projects/jquery/clearfield/

使用起来非常简单，如下所示（从上面的链接复制并粘贴）：

把它放在你的 HTML 页面标题中：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.clearfield.js"></script>

在页面某处添加此功能：

$(document).ready(function() {
    $('.clearField').clearField();
});

您的输入字段可能如下所示：

<input type="text" class="clearField" value="What's your name?" />

如果您使用的是 ASP.NET（不是 MVC），您可能会使用这样的 ASP 控件：

<asp:TextBox ID="Search" runat="server" CssClass="clearField">Search Something</asp:TextBox>

对于它说“在页面上某处添加此功能”的部分，您需要确保它在这样的脚本标签内：

<script type="text/javascript">
    $(document).ready(function () {
        $('.clearField').clearField();
    });
</script>
于 2012-04-26T02:07:49.693 回答
0

在此处使用我的 Mvc 控件工具包的 TypedTextBox：http://mvccontrolstoolkit.codeplex.com/wikipage?title= TypedTextBox

于 2011-05-02T17:42:32.907 回答
-1

您可能可以使用AJAX Control Takekit Watermark控件。

于 2010-05-04T16:38:15.263 回答