Страх — всегдашний спутник неправды (В. Шекспир).

JavaScript – Проверка формы

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
JavaScript - Проверка формы
Проверка формы обычно используется, когда что-то происходит на сервере, после того, как клиент ввел все необходимые данные, а затем нажать кнопку Submit. Если данные, введенные клиентом неверны или просто отсутствует, сервер должен отправить все данные обратно клиенту и попросить ввести данные на форме повторно с правильной информацией. Это действительно длительный процесс, который увеличивает нагрузку на сервер.

JavaScript обеспечивает способ проверки данных из формы на компьютере клиента перед отправкой его на веб-сервер. Форма проверки как правило, выполняет две функции.

  • Основные проверки – Прежде всего, форма должна быть проверена, убедиться, что все обязательные поля заполнены Для этого потребуется только проверка каждого поля в форме и проверки данных.
  • Проверка формата данных – Во- вторых, данные, которые вводятся, должны быть проверены на правильность формы и значения. Ваш код должен включать в себя соответствующую логику для проверки правильности данных.

Пример

Мы рассмотрим пример, чтобы понять процесс проверки. Вот простая форма в формате HTML.

Основная форма проверки

Сначала давайте посмотрим, как сделать основную форму проверки. В приведенной выше форме, мы вызываем Validate() для проверки данных, когда происходит событие onsubmit. Следующий код показывает реализацию этой функции validate().

 

Формат данных проверки

Теперь посмотрим, как мы можем подтвердить наши введенные данные  в форме перед отправкой его на веб-сервер.

В следующем примере показано, как проверить введенный адрес электронной почты. Адрес электронной почты должен содержать, по крайней мере, знак «@» и точку (.). Кроме того, «@» не должен быть первым символом адреса электронной почты, а последняя точка должна быть по крайней мере один символ после знака «@».

Пример

Попробуйте следующий код для проверки электронной почты.

JavaScript - Проверка формы

Читайте также

    Добавить комментарий

    Войти с помощью: 

    Ваш e-mail не будет опубликован. Обязательные поля помечены *

    Простая логическая игра "Поймай кота". Задача игры окружить кота точками так, чтобы он не смог убежать с поля. Постигла неудача - начни игру снова!

    Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

    badge
    Обратный звонок 1
    Отправить
    galka

    Спасибо! Ваша заявка принята

    close
    galka

    Спасибо! Ваша заявка принята

    close