Watermark и 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 18 февраля в 15:19