Проверка текстового поля с водяным знаком

Question

Я просматривал посты, в которых спрашивалось, как это сделать, но я новичок в JQuery, поэтому я могу упустить что-то, что помогло бы с настройкой моей формы.

У меня есть классическийСтраница asp с окном поиска с водяным знаком «Фамилия сотрудника» в текстовом поле.Я хочу проверить это поле, как требуется.Водяной знак работает нормально, и проверка работает нормально, но не будет проверяться правильно, если водяной знак есть.Я предполагаю, что он видит watermakr как введенное значение?

Какие-либо советы о том, как я могу сохранить свой водяной знак и все еще проверить это поле?Вот код, который я использую:

<script type="text/javascript">
//Form watermarks
    $(document).ready(function() {
        $('.watermarked_title').watermark('watermark');
    });
    </script>


    <script>
//Validation
    jQuery(document).ready(function(){
        // binds form submission and fields to the validation engine                    
        jQuery("#SearchForm").validationEngine();
    });

    </script>

Код формы:

<form action="EmpSearch.asp" method="Post" id="SearchForm">                         
    <input name="SearchLN" id="SearchLN" type="text" size="22" class="validate[required] searchBox watermarked_title" title="Employee Last Name" >&nbsp;&nbsp;
    <input type="submit" class="button" Value="Search">                     
</form>

Answer 1

Значение водяного знака должно быть очищено перед отправкой:

Отправка формы - плагин автоматически очищает все водяные знаки перед отправкой формы, поэтому вам никогда не придется вручную удалять водяные знаки перед отправкой.

Если вы используете это правильно ...:

Использование подключаемых модулей водяного знака и проверки на тех же элементах

Если вы найдетечто ваша проверка формы не удалась, потому что водяные знаки не очищаются до того, как проверка прошла, тогда вам нужно настроить порядок, в котором вы устанавливаете водяные знаки и проверку.

Правильный порядок - всегда устанавливать водяные знаки передвсе остальное - особенно перед проверкой.Это потому, что jQuery тщательно контролирует порядок событий во время отправки формы и вызывает их в том порядке, в котором они были установлены.Если сначала настроить проверку, то форма будет проверена до очистки водяных знаков.

Настройка водяных знаков и проверка в правильном порядке так же просто, как размещение строк кода в правильном порядке, как вследующий пример:

$('#myElement').watermark('Required');
$('#myForm').validate();

источник

Answer 2

Вам нужно обработать событие отправки формы и очистить все поля с помощью заполнителей (не называйте их водяными знаками ... это для изображений).

$('#myform').submit(function(){
    $('.placeholder').each(function(){
        var $placeholder = $(this);
        if ($placeholder.val() == $placeholder.attr('title')) {
            $placeholder.val('');
        }
    });
});

Это предполагает, что вы присваиваете поля с этими заполнителями классом «заполнитель», и что вы используете атрибут title поля для хранения текста заполнителя (довольно часто). Вам нужно немного изменить его, если это не так.