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');
}
});
}