Проверка формы Jquery - не может быть пустой ИЛИ определенной строки? - PullRequest
0 голосов
/ 20 мая 2011

У меня есть форма с минимальным доступным пространством на веб-сайте, поэтому, чтобы она была как можно меньше, я убираю метки и использую плагин jquery 'defaultvalue', чтобы заполнить поля формы требуемым содержимым - например, В поле для заполнения имени пользователя указывается «Пожалуйста, введите ваше имя» при загрузке страницы. При щелчке в поле формы он очищается, позволяя вам ввести свое имя.

Некоторые поля необходимо проверить с помощью плагина validate jquery. Поля, такие как адрес электронной почты, хороши, так как контент должен быть адресом электронной почты для проверки.

Для других полей требуется текстовое содержимое, но я не могу понять, как его проверить.

Например, для поля имени мне нужно его проверить = ЕСЛИ содержимое поля не заполнено ИЛИ ", пожалуйста, введите свое имя" ПОКАЗАТЬ ОШИБКУ.

Так что оно не может быть пустым, поэтому предустановленная строка.

Как бы вы поступили с помощью плагина jquery.validate?

Форма находится в левом верхнем углу этой домашней страницы: http://www.mediplacements.com/

Часть кода также ниже. Текущий проверочный код:

$("#fp-form").validate({
    rules: {
        fpfieldname: { required: true, minlength: 5 },
        fpfieldnumber: { required: true, minlength: 10 },
        fpfieldaddress: "required email",
        fpfieldprofession:  { required: true, minlength: 5 },
        fpfieldduration:  { required: true, minlength: 5 },
        cv:  { required: true }
    },

Форма выглядит так:

<form id="fp-form" action="" method="post" enctype="multipart/form-data">
            <input name="fpfieldname" id="fpfieldname" class="required" title="Your full name" /><br />
            <input name="fpfieldnumber" id="fpfieldnumber" class="required" title="Your phone number" /><br />
            <input name="fpfieldaddress" id="fpfieldaddress" class="required" title="Your email address" /><br />
            <input name="fpfieldprofession" id="fpfieldprofession" class="required" title="Your profession" /><br />
            <input name="fpfieldduration" id="fpfieldduration" class="required2" title="Temp or perm" /><br />
            <input name="cv" type="file" id="cv" value="" size="10"   />
            <input alt="Submit" name="Submit" class="send-btn" type="image" id="Submit" src="./img/submit-reg.gif" tabindex="5" />
         </form>  

Ответы [ 2 ]

0 голосов
/ 20 мая 2011

вы можете использовать необходимое правило с обратным вызовом для реализации этого поведения

но это дубликат недавнего вопроса

0 голосов
/ 20 мая 2011

с использованием только jQuery довольно просто

var value = $("#fpfieldduration").val();
if (value === "" || value == "please enter your name"){
  alert("ERROR");
}

http://jsfiddle.net/BJv8j/4/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...