在ASP.NET MVC中实现水印文本框控件的最简单方法是什么?互联网上是否有这样的控件(codeplex可能)。 我想这是很简单的写一个扩展HtmlHelper和使用jQuery水印文本框实现。ASP.NET MVC中的水印文本框
回答
您可以使用AJAX Control Tookkit Watermark控件。
我会用这一个:如图所示http://labs.thesedays.com/projects/jquery/clearfield/
它的使用方法很简单:http://digitalbush.com/projects/watermark-input-plugin/
不幸的是,这个插件不适合验证插件,因为它通过设置输入控件的值来工作,而接受答案的值创建一个覆盖范围。 – 2013-12-17 16:13:21
感谢mdresser。我会看看那个。 – camainc 2014-02-21 17:01:07
使用我的MVC TypedTextBox控件工具箱这里:http://mvccontrolstoolkit.codeplex.com/wikipage?title=TypedTextBox
我使用和推荐克利尔jQuery插件这里(复制&从上面的链接粘贴):
把这个在你的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)使用,你'd可能会使用像这样的ASP控件:
<asp:TextBox ID="Search" runat="server" CssClass="clearField">Search Something</asp:TextBox>
对于零件E - 这说的“页面上的某处添加此功能”,你会希望确保它的脚本标记内是这样的:
<script type="text/javascript">
$(document).ready(function() {
$('.clearField').clearField();
});
</script>
检查我答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");
}
});
}
- 1. MVC框架中的水印文本框
- 2. asp.net中的水印文本?
- 3. 如何在ASP.Net MVC中的文本框中显示水印而不是值?
- 4. 从水印文本框
- 5. Silverlight水印文本框?
- 6. 水印文本框在MVC3
- 7. 问题水印文本框
- 8. 寻找文本框水印的脚本
- 9. 使用jquery设置asp.net文本框的值与ajaxcontroltoolkit水印
- 10. 用于文本框的Javascript“水印”
- 11. 使用javascript的水印文本框
- 12. MVC 3 ASP.NET:基于ASP.NET MVC中的文本框值的Gridview 3
- 13. Asp.net中的数字文本框MVC
- 14. asp.net MVC:禁用文本框
- 15. asp.net-MVC文本框验证
- 16. 如何创建水印文本框?
- 17. 水印文本css
- 18. 从javascript获取水印绑定文本框的文本值
- 19. 基于文本的水印?
- 20. 问题在asp.net mvc的文本框
- 21. Asp.net MVC动态生成的文本框
- 22. C#窗口中的文本框中的不可选水印文本代码
- 23. 取决于所选下拉ID的文本框中的水印
- 24. ASP.NET打印(MVC)SharePoint中的Word文档
- 25. 用于精简框架的水印文本框
- 26. 使用JQuery的textarea文本框的水印
- 27. 在文本框中的水印c#/ cs/aspx
- 28. ASP.NET MVC4水印Html.TextBox
- 29. 检查该文本框中的复选框 - asp.net mvc 4
- 30. 从ASP.NET MVC 2中的文本框动态填充列表框
坚持使用AJAX控件的JQuery – Wil 2010-08-19 09:08:02
该链接已损坏。我相信正确的链接是http://plugins.jquery.com/watermark/ – 2013-12-17 16:10:04