В этой статье мы узнаем, как проверить дату через JQuery. То есть, пользователь должен ввести дату в формате мм /дд /гггг или мм-дд-гггг. Если введенная дата не соответствует любом формате, сообщение об ошибке будет отображаться.
<Р> HTML файл для "Пользователи Регистрация через JQuery"
<р> Сделаем HTML файл, который отображает форму, содержит метку, текстовое поле ввода, сообщение об ошибке и кнопку отправки. Текст этикетки установлен в 'Введите Дата рождения »и что сообщения об ошибке установлен в' Invalid Дата».
Эти четыре элемента также присваиваются имена классов, как «этикетки», «Infobox», «ошибки» и «представить» соответственно. Для этих имен классов, соответствующие селекторы класса написаны в внешней таблице стилей. HTML-файл может выглядеть, как показано ниже:
<р> Все четыре вещи выше HTML файл назначены соответствующие названия класса: этикетки, инфобокс, errorand submitso, что свойства стиля, определенные в классе селекторов, указанных в таблице стилей внешнего стиля .
csscan автоматически применяться к этим пунктам
<р> Селекторы класса, определенные в файле стилей являются, как показано ниже:.
<р> style.css
<р> .label {поплавок: слева ; ширина: 150px; }
<р> .infobox {ширина: 200px; }
<р> .error {цвет: красный; обивка левом: 10px; }
<р> .submit {маржа налево: 150px; Верхнее поле: 10px;}
<р> Код для "Пользователи Регистрация через JQuery"
<р> код JQuery, чтобы принять дату в формате мм /дд /гггг или мм-дд -yyyy является, как показано ниже:.
<р> $ (документ) .ready (функция () {
<р> $ ('.
Ошибка ") скрыть ();
<р> $ ('. представить" ) .click (функция (событие) {
<р> VAR = данные $ ('карточку.) Вал ();.
<р>, если (validate_date (данные))
<р> {
<р> $ ('Ошибка.) скрыть ();..
<р>}
<р> еще
<р> {
<р> $ (' Ошибка ') .show ();
<р> event.preventDefault ();
<р>}
<р>});
<р>});
<р> Функция validate_date (дата)
<р> {
<р> Вар картины = новое RegExp (/\\ б \\ д {1,2} [\\ /-] \\ d {1,2} [\\ /- ] \\ d {4} \\ б /);
<р> возвращение pattern.
test (дата);
<р>}
<р> Сообщение об ошибке невидимым в начале в выше JQuery код. Затем событие нажмите прикреплен к кнопки отправки. В функции обработки событий в случае щелчка, дата, введенная пользователем в поле ввода текста (что заключено в пролета элемента именем класса "инфокиоск ') извлекается и хранится в переменной« Данные ». Переменная данные передаются функции va