У меня есть форма с минимальным доступным пространством на веб-сайте, поэтому, чтобы она была как можно меньше, я убираю метки и использую плагин 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>