Watermark TextBox в ASP.NET MVC

Question

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

Answer 1

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

Watermark Plugin

Существует образец при условии, и прост в использовании.

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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

Проверьте мой анс here

с этим 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"); 
       } 
      }); 
}