Form required не работает

Как заставить работать атрибут required для input в старых версиях IE?

Для любого web-разработчика пока нет более серьезной проблемы, как полная кроссбраузерность его продукта. Наверное, это одна из основных задач хорошего специалиста: добиться того, чтобы его сайт всегда правильно отображался во всех браузерах.

Параметр required, который иногда используется для input, не работает в древних IE, что просто нельзя так оставить. Пользователи-пенсионеры, которые до сих пор пользуются IE6 должны одинаково легко работать с вашим сайтом, наряду с пользователями Google Chrome последней версии. Кто, кроме web-разработчиков, о них может позаботиться.

О наболевшем, о Internet Explorer

Для нормальных браузеров, к которым можно отнести Firefox, Opera и Google Chrome, эта задача относительно легка. Даже давние версии этих браузеров одинаково хорошо отображают html-код, если в нем конечно же не используются какие-то новые технологии. Но чтобы добиться подобного в браузерах семейства Internet Explorer, требуются просто титанические усилия.

Каждая версия браузера Internet Exlorer обладает своей, уникальной тупостью. Что работает в IE6, может как положено не работать в IE7 и наоборот. Этот зоопарк компании Microsoft не удалось побороть даже в самой последней версии своего браузера.

Понять почему разработчики браузеров не могут просто взять открыть и почитать стандарты W3C для сайтостроения, я не могу.

Поэтому мне, как web-разработчику, приходится выступать некоторой «прослойкой» между капризными браузерами и требующими знаний и зрелищ посетителями сайтов. И замечательно, что web-разработчикам пока это удается.

Дак, как же заставить работать required в старых версиях IE?

На помощь нам приходит JS. Раньше я терпеть его не мог, а теперь не вижу дальнейшего пути без него на просторе «правильного» WEB .

Решение приведенное ниже я выдумал не сам, а взял с буржуйского блога. Так как я жадный, а блог буржуйский, я не стану приводить на него ссылку.

За все у нас будет отвечать функция fnCheckFields(). Поместите на вашем сайте JS-код:

Обычно рекомендуют размещать его между html-тегами HEAD в начале страницы, но я бы рекомендовал все же размещать его в самом низу страницы до закрывающегося тега BODY . Таким образом JS меньше влияет на скорость загрузки страницы.

Окно ввода, где должен вводиться обязательный параметр, на html-языке должно выглядеть так:

Этот скрипт работает очень просто: после нажатия кнопки Отправить, скрипт проверяет все инпуты на наличие параметра required и если находит его, то соответственно смотрит на введенное значение этого поля. Если в такой инпут ничего не введено, то выводится предупреждающее окно о необходимости ввода. Данные соответственно никуда не отправляются.

Замечательно еще и то, что если у Вас нормальный браузер, который уже научился понимать этот параметр как положено, такого предупреждающего окна не всплывет и будут работать стандартные инструменты обработки параметра required для вашего браузера.

Комментарии

Как сделать такую же проверку для поля selected ?
Спасибо!

Источник

Form required не работает

Поскольку атрибут required не работает, пользователи могут постоянно отправлять пустые формы, и они будут храниться в моей базе данных SQL

У меня нет в форме, так как это мешает мне использовать windows.location .

Я новичок в программировании, кто-то может дать несколько советов (с объяснениями), что делать, чтобы это исправить? Любая помощь будет оценена! Большое спасибо! (Я использую ванильный JavaScript для этого)

4 ответа

Атрибут required не работает, потому что ваша форма не отправлена. Вам нужно указать кнопку с type=»submit» или для отправки вашего form .

Я предлагаю вам переместить функцию signUp внутри тега form следующим образом: onsubmit :

Затем добавьте эту функцию Javascript:

требуется Атрибут работает, если он определяет, имеет ли элемент, которому он назначен, длину значения больше нуля, если это утверждение ложно (имеется в виду длину значения ноль), то при отправке формы он фокусирует этот элемент как «обязательный» для выполнения. ,

Вот пример с JavaScript и как проверка полей ввода может работать внутри него.

Основы проверки HTML5. У вас есть это по нажатию кнопки, и она запускается до проверки. Это показывает, что onclick работает, а onsubmit — нет. Используйте правильное событие.

Для меня я вижу ряд возможных проблем. Я попытался удалить их с помощью следующего примера кода. Я предполагаю, что /users вернет что-то , полезное для проверки и оповещения члена, если есть ошибка с доступом к /users или обработкой данных.

Использование атрибута required не сделает ничего очевидного в вашем коде, поскольку имеет вызов onclick=signUp() , который сработает перед проверкой браузера. С вашим текущим кодом значения формы (присутствующие или нет) будут по-прежнему отправляться в /users , поскольку эти значения не проверяются.

Источник

Form required не работает

Итак, вы создали на своем сайте форму обратной связи, чтобы посетители могли отправлять вам сообщения. Также вы добавили в неё атрибут required – чтобы эти же посетители не могли отправлять незаполненную форму с пустым полями. Время шло, и вы, согласно новым веяниям, сделали отправку вашей формы без перезагрузки страницы, с помощью ajax и обработки события onclick. И вдруг заметили, что required перестал работать. В чем же дело?

Дело в том, что форму вы сейчас отправляете не с помощью HTML, а с помощью JS, поэтому не происходит вызова метода submit(), в котором, собственно говоря, и проверяется корректность заполнения полей формы. При отправке с помощью JS, действия по проверке формы пропускаются, поэтому их нужно реализовывать самостоятельно на JS – с помощью checkValidity(). Рассмотрим конкретный пример.

Скрипт по отправке формы и проверяющий заполнение полей (замена required):

Вот так можно заменить required на JS. Я привел сразу же пример отправки данных ajax-ом в файл saveser.php, если же у вас реализована своя функция, то замените её на вот эту строку:

Также стоит отметить, что если полей в форме несколько (а так оно обычно и есть), то можно реализовать проверку отдельных полей. Можно также выводить сообщение не встроенным алертом, а придумать свое окно – возможностей масса. Если вам требуется реализовать что-то подобное на своем сайте, то вы всегда можете обратиться к мне – up777up@yandex.ru – за небольшую плату вам будет оказана быстрая помощь по любым проблемам с сайтом.

Автор этого материала — я — Пахолков Юрий. Я оказываю услуги по написанию программ на языках Java, C++, C# (а также консультирую по ним) и созданию сайтов. Работаю с сайтами на CMS OpenCart, WordPress, ModX и самописными. Кроме этого, работаю напрямую с JavaScript, PHP, CSS, HTML — то есть могу доработать ваш сайт или помочь с веб-программированием. Пишите сюда.

заметки, javascript, валидация, html, скрипты для сайта

Источник

Обязательные поля для заполнения, required не работает

Здравствуйте, обнаружил что на сайте в input не работает required на проверку ведённых данных в html5. Каким образом возможно реализовать проверку без него используя например JS? Буду признателен!

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Обязательные поля для заполнения
Ребят подскажите.нужно сделать что бы все поля на форме были обязательными. Вот код формы .

Как сделать поля обязательные для заполнения
мне нужно отметить поля обязательные для заполнения красной звездочкой, как это сделать

Обязательные поля, не работает атрибут required
Не работает атрибут required. После нажатия на кнопку «Отправить», поле ФИО отправляется пустым.

Поля, обязательные для заполнения
Добрый вечер.Подскажите как можно сделать textbox и например combobox, обязательными для заполнения?

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

Реализовать поля, обязательные для заполнения
Всем привет.Покажите пожалуйста на примере, как сделать поля обязательные для заполнения?

Поля формы обязательные для заполнения
Подскажите как на форме сделать обязательные для заполнения текст боксы, чтобы при нажатии кнопки.

Источник

required не срабатывает при отправке формы

Доброго времени суток.

Если не заполнить поле ввода и нажать на кнопку «ОК» — то браузер заругается и не отправит форму (правильно).

Если не заполнить поле ввода и кликнуть по ссылке — то форма отправится (неправильно).

Может, как-то через js заставить форму проверять поля на required?

В Outlook-e не всегда срабатывает в VBA Application_ItemSend при отправке письма
Собственно, проблема: Если я создаю письмо в Оутлуке (нажимаю кнопку создать сообщение или.

При отправке формы в выводе $_POST в массиве я вижу не все поля формы
подскажите, в чем дело. или для обработки полей типа «file» (которого нет в массиве) нужны особые.

Как при отправке формы добавить текущего пользователя сессии в таблицу данных формы
вывод логина юзера, может поможет 2

Нашёл. Придётся руками запускать проверку:

Обработка SQL-запроса при отправке формы (при нажатии submit)
Добренького Вам настроеница. Как организовать обработку SQL-запроса при нажатии на submit в form.

Ошибка при отправке с формы
Ошибка «Provisional headers are shown», что это и чему может быть причиной ? Нашел похожую тему.

Уязвимость при отправке формы
Дело в том, что при отправке формы, прописав определенный код. Пользователь может вносить.

Ошибка при отправке данных с формы
Кто может уделить время и немножко помочь? В ПП)

Источник