水印和Jquery非侵入式驗證不起作用

Question

我使用以下http://www.mkyong.com/jquery/jquery-watermark-effect-on-text-input/下面的鏈接在輸入中添加了水印

一旦我添加了我使用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');
    }
});
}

Answer 1

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

– kandroid 2月18日15:19