C# 水印和Jquery不引人注目的验证不起作用

我使用下面的链接在输入中添加了水印

有一次，我添加了使用jquery进行所需验证的步骤，这些步骤不引人注目地停止了工作。 如何使验证和水印同时工作

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
            <div class="editor-field">
        @Html.EditorFor(model => model.Person.PersonName)
        @Html.ValidationMessageFor(model => model.Person.PersonName)
    </div>

$(document).ready(function () {

var watermark = 'Person Name';

init, set watermark text and class
$('#Person_PersonName').val(watermark).addClass('watermark');

if blur and no value inside, set watermark text and class again.
$('#Person_PersonName').blur(function () {
    if ($(this).val().length == 0) {
        $(this).val(watermark).addClass('watermark');
    }
});

if focus and text is watermrk, set it to empty and remove the watermark class
$('#Person_PersonName').focus(function () {
    if ($(this).val() == watermark) {
        $(this).val('').removeClass('watermark');
    }
});
}

@EditorFor（model=>model.Person.PersonName）
@Html.ValidationMessageFor（model=>model.Person.PersonName）
$（文档）.ready（函数（）{
var水印='人名'；
初始化，设置水印文本和类
$（'#Person_PersonName'）.val（水印）.addClass（'watermark'）；
如果模糊且内部没有值，请再次设置水印文本和类。
$（'#Person_PersonName'）.blur（函数（）{
if（$（this）.val（）.length==0）{
$（this.val（水印）.addClass（水印）；
}
});
如果焦点和文本为watermrk，则将其设置为空并删除水印类
$（'#Person_PersonName'）。焦点（函数（）{
if（$（this）.val（）==水印）{
$（this.val（“”）.removeClass（'watermark'）；
}
});
}

为我工作

---

–kandroid 2月18日15:19

您是否尝试使用占位符作为水印？尝试占位符作为输入，看看验证是否有效。没有，您有示例吗

<input type="text" name="key" id="searchInput" placeholder="what's up"/> worked for me