Водяной знак TextBox в ASP.NET MVC

Question

Какой самый простой способ реализовать элемент управления текстовым полем водяного знака в ASP.NET MVC, есть ли такие элементы управления в Интернете (возможно, кодекс). Я полагаю, довольно просто написать один расширяющий HtmlHelper и использовать реализацию текстового поля jquery watermark.

Answer 1

Вы можете использовать плагин Jquery, как показано ниже:

Плагин водяных знаков

Прилагается образец и он прост в использовании.

Answer 2

Проверьте мои ответы здесь

с помощью этого 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");
                }
            });
}

Answer 3

Я использую и рекомендую плагин 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>

Answer 4

Используйте TypedTextBox моего инструментария Mvc Controls здесь: http://mvccontrolstoolkit.codeplex.com/wikipage?title=TypedTextBox

Answer 5

Я бы использовал это: http://digitalbush.com/projects/watermark-input-plugin/

Answer 6

Возможно, вы можете использовать AJAX Control Tookkit Watermark .