Как проверить мою форму с помощью jQuery?
0
Я смущаюсь, где найти свою ошибку.
<head>
<title>SAMPLE VALIDATION USING JQUERY</title>
</head>
<style>
.error {
color: red;
}
</style>
<script src="/WebExercise/jquery-1.9.0.js"></script>
<script src="/WebExercise/jquery.validate.min.js"></script>
<script src="jquery.js"></script>
<script>
$.validator.setDefaults({
submitHandler: function () {
alert("SUBMITTED!");
}
});
jQuery.validator.addMethod("accept", function (value, element, param) {
return value.match(new RegExp("." + param + "$"));
});
$(document).ready(function () {
// validate form on keyup and submit
$("#form1").validate({
rules: {
firstname: {
accept: "[a-zA-Z]+"
},
fname: {
accept: "[a-zA-Z]+"
},
mname: {
accept: "[a-zA-Z]+"
},
zip: {
accept: "[0-9]+"
},
age: {
accept: "[0-9]+"
},
bday: {
accept: "[a-zA-Z0-9]"
},
sss: {
accept: "[0-9]+"
},
t: {
accept: "[0-9]+"
},
cp: {
accept: "[0-9]+"
},
stno: {
accept: "[a-zA-Z0-9]"
},
add: {
accept: "[a-zA-Z0-9]"
},
pos1: {
accept: "[a-zA-Z0-9]"
},
pos2: {
accept: "[a-zA-Z0-9]"
},
d: {
accept: "[0-9]+"
},
h1: {
accept: "[0-9]+"
},
em: {
required: true,
em: true
}
},
messages: {
date: "Enter Date!",
lname: "Letters only",
fname: "Letters only",
mname: "Letters only",
add: "Alphanumeric ",
zip: "Numbers only",
age: "Numbers only",
t: "Numbers only",
cp: "Numbers only",
sss: "Numbers only",
pos1: "Alphanumeric ",
pos2: "Alphanumeric ",
d: "Numbers Only ",
h1: "Numbers Only ",
password: {
required: "Please provide a password",
minlength: "Your password must be at least 6 characters"
},
em: "Please enter a valid email address",
}
});
});
</script>
Вот мой HTML:
<body>
<form name="form1" id="form1" action="#" method="post">
<h2><font face="Arial" size="5"><b></b></font><b><center><font face="Arial" size="5">
SAMPLE APPLICATION FORM<br><br><br><br><br>
APPLICATION FOR EMPLOYMENT<br>
APPLICANTS MAY BE TESTED FOR ILLEGAL DRUGS<br>
(MANILA)</font></center></b></h2>
<br>
<br>
<br>
<table style="margin: auto;">
<tbody>
<tr>
<th>
<br>PLEASE PRINT ALL REQUESTED INFORMATION
<br>EXCEPT SIGNATURE
<br>
<br>
</th>
<td> </td>
<td>
<div align="center">
<input type="text" placeholder="SIGNATURE">
</div>
</td>
</tr>
</tbody>
</table>
<hr width="100%" size="1" color="black">
<br>
<div align="right">
<label for="date">Date:</label>
<input type="date" size="3" name="date">
</div>
<br>
<br>
<fieldset>
<legend>
<div align="center"><u>PERSONAL INFORMATION</u>
</div>
</legend>
<li>
<label for="lname">Last Name: </label>
<input type="text" name="lname" placeholder="Last Name" maxlength="25">
</li>
<br>
<li>
<label for="fname">First Name: </label>
<input type="text" name="fname" placeholder="First Name" maxlength="25">
</li>
<br>
<li>
<label for="mname">Middle Name: </label>
<input type="text" name="mname" placeholder="Middle Name" maxlength="25">
</li>
<br>
<br>
<li>
<label="bday">Birthday</label>
<input type="text" name="bday" size="15" </li>
<br>
<br>
<label for="add">Present Address:</label>
<li>
<input type="text" name="add" maxlength="4" size="5" min="1" max="9999" placeholder="Street No.">
<input type="text" name="add" maxlength="30" size="15" placeholder="Street" pattern="[a-zA-Z]*">
<input type="text" name="add" maxlength="30" size="15" placeholder="City" pattern="[a-zA-Z]*" title="Letters Only">
<input type="text" name="add" maxlength="30" size="15" placeholder="State" pattern="[a-zA-Z]*" title="Letters Only">
<input type="text" name="zip" maxlength="4" size="5" min="1" max="9999" placeholder="Zip Code" title="Numbers Only" pattern="[0-9]*">
</li>
<br>
<br>
<li>
<label for="gender">Gender:</label>
<input type="radio" name="gender" size="3">Male
<input type="radio" name="gender" size="3">Female</li>
<br>
<br>
<li>
<label for="em">Email</label>
<input type="email" name="em" size="15" placeholder="[email protected]" data-validation="em">
</li>
<br>
<br>
<li>
<label for="age">Age</label>
<input type="text" name="em" size="10">
</li>
<br>
<br>
<li>
<label for="hl">How long are you planning to work?</label>
<input type="text" name="hl" maxlength="4" size="3" min="0" max="9999" title="State number of days!" pattern="[0-9]*">
</li>
<br>
<li>
<label for="sss">Social Security Number:</label>
<input type="text" name="sss" size="5" maxlength="3" min="0" max="9" placeholder=" ---" title="Numbers Only" pattern="[0-9]*">
<input type="text" name="sss" size="5" maxlength="2" min="0" max="9" placeholder=" -- " title="Numbers Only" pattern="[0-9]*">
<input type="text" name="sss" size="5" maxlength="4" min="0" max="9" placeholder=" ----" 'title="Numbers Only" pattern="[0-9]*">
</li>
<br>
<br>
<li>
<label for="t">Telephone No.:</label>
<input type="text" name="t" maxlength="7" title="Numbers Only" pattern="[0-9]*">
</li>
<br>
<br>
<li>
<label for="cp">Cellphone No.:</label>
<input type="text" name="cp" maxlength="11" title="Numbers Only" pattern="[0-9]*">
</li>
<br>
<li>
<label for="u">If under 18, please list age:</label>
<input type="text" name="u" maxlength="2" min="1" max="17" title="Numbers Only" pattern="[0-9]*">
</li>
<br>
<li>
<label for="pos">Position applied for:</label>
<input type="text" name="pos1" size="30" placeholder="(1)Please Specify">
<br>
<input type="text" name="pos2" size="30" placeholder="(2)Please Specify">
</li>
<br>
<li>
<label for="days">Desired Available Days Of Work</label>
</li>
<br> No Pref
<input type="checkbox" name="days" value="No Pref">Monday
<input type="checkbox" name="days" value="Monday" class="styled" onclick="return testcheck()">Tuesday
<input type="checkbox" name="days" value="Tuesday" class="styled" onclick="return testcheck()">Wednesday
<input type="checkbox" name="days" value="Wednesday" class="styled" onclick="return testcheck()">
<br>
<br> Thursday
<input type="checkbox" name="days" value="Thursday" onclick="return testcheck()">Friday
<input type="checkbox" name="days" value="Friday" onclick="return testcheck()">Saturday
<input type="checkbox" name="days" value="Saturday" onclick="return testcheck()">Sunday
<input type="checkbox" name="days" value="Sunday" onclick="return testcheck()">
</li>
<br>
<br>
<br>
<li>
<label for="d">Salary desired: </label>
<input type="text" name="d" size="20" placeholder="₱" title="Numbers Only" pattern="[0-9]*">
</li>
<br>
<br>
<br>
<li>
<label for="ed">Employment desired:</label><span class="hint">*Choose one</span>
<input type="radio" name="ed" value="FULL-TIME" class="styled"><u>FULL-TIME</u>
<input type="radio" name="ed" value="PART-TIME" class="styled"><u>PART-TIME</u>
<input type="radio" name="ed" value="FULL-OR PART-TIME" class="styled"><u>FULL-OR PART-TIME</u>
</li>
<br>
<br>
<li>
<label for="w">When available for work?</label>
<input type="text" name="w">
<hr width="100%" size="1" color="black">
</li>
</fieldset>
<br>
<hr width="100%" size="3" color="black">
<table border="0" style="margin: auto;" width="990">
<tbody>
<tr>
<td width="150">
<center>TYPE OF SCHOOL</center>
</td>
<td width="220">
<center>NAME OF SCHOOL</center>
</td>
<td width="220">
<center>LOCATION
<br>(Complete Mailing Address)</center>
</td>
<td width="120">
<center>NUMBER OF YEARS
<br>COMPLETED</center>
</td>
<td width="220">
<center>MAJOR & DEGREE</center>
</td>
</tr>
<tr>
<td>
<center> </center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
</tr>
<tr>
<td>
<center>
<label="a">High School</label>
</center>
</td>
<td>
<textarea rows="2" name="a" cols="30"></textarea>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
</tr>
<tr>
<td>
<center> </center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
</tr>
<tr>
<td>
<center>
<label="b">College</label>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
</tr>
<tr>
<td>
<center> </center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
</tr>
<tr>
<td>
<center>
<label="c">Bus/Trade School</label>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
</tr>
<tr>
<td>
<center> </center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
</tr>
<tr>
<td>
<center>
<label="p">Professional School</label>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
<td>
<center>
<textarea rows="2" cols="30"></textarea>
</center>
</td>
</tr>
<tr>
<td>
<center> </center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
</tr>
</tbody>
</table>
<hr width="100%" size="1" color="black">
<br>
<br>
<br>
<h2><i>HAVE YOU EVER BEEN CONVICTED OF A CRIME?</i>
<label = "h"></label>
<div align="center">
<font size="4">
<br>
<br>
<input type="checkbox" name"h">YES
<input type="checkbox" name"h">NO
</div>
</center>
</h2>
<br>
<br>
<br>
<i>
If yes, please state number of conviction(s), nature of the offense(s) leading to conviction(s), how recently such offense(s) was/were committed, sentence(s) imposed, and type(s) of rehabilitation.</i>
<hr width="100%" size="2" color="black">
<textarea rows "6" cols="222"></textarea>
<br>
<hr width="100%" size="2" color="black">
<br>
<center>
<input type="submit" value="Submit" type="submit" onclick="return (verify());" />
<input type="reset" value="Reset" type="reset">
</center>
<frame scrolling="auto"></frame>
</frameset>
</font>
</center>
</h2>
</body>
Как вы можете видеть, мне нужна помощь при проверке, я не могу проверить свой сайт jQuery. Он должен отображать красный текст, если входной текст пуст. Здесь HTML, мне нужно изменить мой валидатор?
-
1Можете ли вы добавить HTML-код, с которым вы работаете, или ссылку на скрипку? Это многое прояснит.Sidney Gijzen
-
0Не могли бы вы добавить свой HTML? и / или jsfiddler ссылки, если он слишком длинный?Allende
Показать ещё 5 комментариев
1 ответ
0
Попробуйте этот jsfiddle здесь: http://jsfiddle.net/Qd58u/
У вас также были замечены теги в html,/form должны быть внутри/в теле
</form>
</body>
Вам, вероятно, нужны только эти два, убедитесь, что путь правильный, и файлы существуют:
<script src="/WebExercise/jquery-1.9.0.js"></script>
<script src="/WebExercise/jquery.validate.min.js"></script>
Rick S
Поделиться
-
0Это работает сейчас, но можете ли вы сказать мне, что именно вы изменили?
-
0Все, что я сказал в ответе - это все, что я изменил.
Показать ещё 3 комментария
Ещё вопросы
- 0Плавное навигационное меню, прокручивающее всю страницу вверх
- 0r-mysql: используйте переменную r для извлечения столбца из базы данных
- 1Каков наилучший способ изменить тип значения на ссылочный тип в C #?
- 0Есть ли способ добавить атрибут только в 1 строку в SQL?
- 0угловые 1.2.15 бегущие параллельные петли
- 1Последнее обновление Chrome до 2017 года - как отключить двойное касание ZOOM
- 0AngularJS выпадающий - автоматический выбор не работает
- 1Отправить письмо программно
- 0Динамически изменять отображаемый выбранный текст
- 0JQuery запускающее действие при загрузке страницы
- 0Заставить вложенный div показать сверху
- 1Преобразуйте значения groupby в список массивов [duplicate]
- 0Как проверять форму только при отправке и показывать сообщения об ошибках в форме оповещения в угловых?
- 0Ошибка «Необходимо указать поле grant_type» при получении токена Oauth2
- 0Программа не запускается (.exe не может быть найден)
- 1Найти в Хроме работает зажигание или коленвал
- 1Javascript: переменная не является неопределенной, но при возврате возвращается неопределенной
- 0Как выбрать МАКСИМАЛЬНУЮ дату из левого объединения нескольких таблиц
- 1Чтение из списка массивов и сравнение с входной строкой
- 1Интеграция служб WCF (ESB?)
- 1Как установить переменную среды PYTHONUTF8 для включения кодировки UTF-8 по умолчанию в Python?
- 0как получить последнюю строку из таблицы 2, используя левое соединение MySQL
- 1Вызов хранимой процедуры от Lightswitch
- 0Mysql условие в предложении WHERE
- 1Изображение Angular 4 не найдено в templateURL, но работает в строке шаблона
- 0Придайте градиент фигурам, используя fabricjs по нажатию кнопки
- 0сделать выбор радиоблока и флажка обязательным в угловом JS
- 1Модификации вvalu.py для других архитектур в поэзах тензорного потока
- 0как управлять стилем HTML кода в Qprinter
- 0т.е. ответный текст не завершен
- 1Как создать потокобезопасный настраиваемый HTML-результат в Testng
- 1Облачная функция Firebase возвращает ВНУТРЕННЮЮ ошибку
- 0Как я могу заставить пишущую машинку Jquery / Javascript распознавать пробельные символы?
- 0как поставить данные в массив php из внешнего файла?
- 0Qt / C ++ / Valgrind Invalid Readsize 8 при отключении QTcpSocket
- 1Pandas applymap ошибка памяти
- 0AngularJS - как считать отфильтрованные объекты ng-repeat
- 1Сортировка списка с помощью C # * Не по алфавиту *
- 1Посчитать прошлые записи с тем же ключом
- 1[Python Falcon]: gunicorn работает в терминале, но не в PyCharm
- 1Java jar-файл не может найти .dll с jna.jar
- 1Постоянные функции над глобальными переменными?
- 0если утверждение продолжает отступать к остальной части
- 0Является ли этот static_cast действительным / законным?
- 0Выделение активного пункта меню в блоггере блоггера с помощью JavaScript
- 0Magento, неверные цены в корзине
- 0$ http.post, приводящий к ошибке OPTIONS 596 или недостаточным аргументам
- 0Гиперссылка не открывается в Iframe, а открывается в новой вкладке
- 0Генерация PDF от AngularJS
