отправка формы по нажатию enter
Отправка данных по нажатию Enter
Нужно сделать так, чтобы при нажатии на кнопку Enter (на клавиатуре) данные отправлялись на страницу redirect_page.php?
Добавлено через 13 секунд
Ах, да и при этом фокус находиться на textarea. То есть обычно при нажатии на Enter — переход на следующую строку, а надо отправку данных.
Отправка данных по нажатию Enter
Всем привет, помогите разобраться..Пишу редирект по нажатию Enter в текстовом поле: function.
Отправка формы по нажатию Enter
Всем привет,как сделать,что бы форма отправлялась по нажатию Enter,но в тоже время её можно было.
Отправка формы по нажатию Enter
Доброго времени суток. Как реализовать отправку формы, а точнее вызов функции JavaScipt, по.
Отправка текста инпута по нажатию Enter
Здравствуйте. у меня есть форма вот 6
Решение
И прикрутить к старинце снизу javascript c кодом:
Добавлено через 26 минут
Также можно добавить перевод строки с помощью сочетания клавиш CTRL + ENTER
Решение
Здесь происходит перевод на новую строку, при нажатии на сочетание клавиш CTRL + ENTER. Но форма при это не отправляется. Так что здесь добавлять не обязательно.
Добавлено через 4 минуты
Но можете и добавить если хотите. Хоть с ним, хоть без него, в любом случае результат одинаковый.
Добавлено через 10 минут
Конечный вариант(откорректированный):
Отправление данных формы по нажатию ENTER
Как седлать так, чтобы данные введенные в форму можно было отправить нажатием кнопки ENTER, а не.
Обработка данных из TextBox по нажатию Enter
Здравствуйте, начал работать с winform в C# и появился такой вопрос: у меня в форме есть textbox, в.
Отправка данных на контроллер PIC по нажатию на ActiveX компонент
Здравствуйте форумчани. У меня в процессе работы возник вопрос возможно ли отправлять данные с ПК.
Отправка данных по нажатию на ссылку без выполнения действия по умолчанию
Есть ссылка, которая отвечает только за передачу данных на другой сайт Как сделать с помощь js что.
Запуск по нажатию на ENTER
Доброго дня. всё никак не пойму, что не так. вообщем, суть проста, при запуске бытника.
Отправка формы нажатием enter без кнопки отправки
сейчас форма выглядит так:
который работает довольно хорошо. Кнопка отправки работает, когда пользователь нажимает enter, и кнопка не отображается в Firefox, IE, Safari, Opera и Chrome. Тем не менее, мне все еще не нравится решение, так как трудно узнать, будет ли он работать на всех платформах со всеми браузерами.
может ли кто-нибудь предложить лучший метод? Или это настолько хорошо, насколько может быть?
18 ответов
это нажмет кнопку waaay влево, из экрана. Хорошая вещь в этом заключается в том, что вы получите изящную деградацию, когда CSS отключен.
обновление-обходной путь для IE7
как предложил Брайан Даунинг + с tabindex чтобы предотвратить вкладку достичь этой кнопки (Ates Goral):
Я думаю, что вы должны перейдите по маршруту Javascript, или, по крайней мере, я бы:
другое решение без кнопки Отправить:
используйте следующий код, это исправило мою проблему во всех 3 браузерах (FF, IE и Chrome):
добавить выше строку в качестве первой строки в коде с соответствующим значением имени и значения.
вместо взлома, который вы в настоящее время используете, чтобы скрыть кнопку, было бы намного проще установить visibility: collapse; в атрибуте style. Тем не менее, я бы все равно рекомендовал использовать немного простого Javascript для отправки формы. Насколько я понимаю, поддержка таких вещей сегодня повсеместна.
просто установите скрытый атрибут в true:
IE не позволяет нажимать клавишу ENTER для отправки формы, если кнопка отправки не отображается, а форма имеет более одного поля. Дайте ему то, что он хочет, предоставив 1×1 пиксельное прозрачное изображение в качестве кнопки отправки. Конечно, это займет пиксель макета, но посмотрите, что вам нужно сделать, чтобы скрыть его.
самый элегантный способ сделать это-сохранить кнопку отправки, но установить ее границу, заполнение и размер шрифта в 0.
это сделает размеры кнопки 0x0.
вы можете попробовать это самостоятельно, и, установив контур элемента, вы увидите точку, которая является внешней границей, «окружающей» элемент 0x0 px.
нет необходимости в видимости: скрыто, но если это заставляет вас спать по ночам, вы можете бросить это в микс как что ж.
Отправка данных формы: событие и метод submit
Отправка данных формы: событие и метод submit
Здравствуйте! В этом последнем уроке по работе с формами в JavaScript я хотел бы рассказать об отправке данных формы и конкретно об методе submit. Само событие submit появляется при отправке данных формы на сервер. И наиболее частое его применение – это валидация или просто проверка формы перед отправкой.
Метод submit позволяет отправить форму из JavaScript, без непосредственного участия пользователя. Далее давайте рассмотрим более детально.
Событие submit
Чтобы отправить форму на сервер, у посетителя есть два способа:
Какой бы способ ни выбрал посетитель – будет сгенерировано событие submit. Обработчик в нём может проверить данные и, если они неверны, то вывести ошибку и сделать event.preventDefault() – тогда форма не отправится на сервер.
Например, в таком HTML оба способа выведут alert, форма не будет отправлена:
При отправке формы путём нажатия Enter на текстовом поле, на элементе генерируется событие click.
Это довольно забавно, учитывая что клика-то и вовсе не было.
Метод submit
Чтобы отправить форму на сервер из JavaScript – нужно вызвать на элементе формы метод form.submit().
При этом само событие submit не будет происходить. Предполагается, что если вы вызываете метод form.submit(), то и все проверки тоже сделали.
Это можно использовать для искусственной генерации отправки формы на сервер.
Задания
Модальное диалоговое окно
Создайте функцию showprompt(text, callback), которая будет выводить форму для ввода с сообщением text и кнопками ОК/Отмена.
Проверка правильности заполнения полей формы
Напишите функцию valid(form), которая будет проверять содержимое формы по клику на кнопку «Проверить».
Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Отмена отправки (submit) нажатием Enter в поле формы
Обнаружил новый полезный нюанс при работе с формами на сайтах: когда пользователь работает с заполнением полей на такой форме, часто совершается ошибочная отправка простым нажатием Enter на клавиатуре. Дело в том, что при работе с обычными оконными приложениями, по умолчанию, кнопка ввода приводит к табуляции, т.е. переходу на следующее поле формы. В форме на странице сайта, это же действие вызывает событие отправки введенных данных на сервер. Поэтому, привыкшие к работе с оконными приложениями пользователи, могут ошибочно многократно отправлять некорректно или не полностью заполненные данные.
Частично эту проблему решают дополнительные обработчики проверки корректности заполненных данных, которые либо остановят отправку, либо сообщат об ошибке и позволять продолжить ввод. Но иногда, проще просто отключить этот механизм.
Для этого достаточно добавить свой обработчик на событие ввода данных. Делается это установкой кода, который при событии нажатия клавиши клавиатуры OnKeydown проверяет, является ли эта клавиша Enter. Если нажата клавиша ввода, то процедура действия останавливается. В противном случае продолжается обработка события по умолчанию – просто ввод данных.
Простейшим способом будет добавление атрибута события непосредственно в тег поля формы:
Здесь, на событие onkeydown (нажатие клавиши клавиатуры) выполняется простой скрипт проверки, не является ли код вводимого символа равным 13 (клавиша Enter ). Если код именно этот, то строка return false; останавливает выполнение обработку этого события.
Здесь выполняется тот же самый механизм, за исключением того, что следует указать, какие поля формы будут реагировать на событие keydown указанным способом. Например, можно указать специальный класс для тегов полей, которым можно выборочно назначить нужные поля:
Или сделать для всех текстовых полей:
Запретить пользователям отправлять форму, нажав Enter
У меня есть опрос на веб-сайте, и, кажется, есть некоторые проблемы с пользователями, нажимающими клавишу ввода (я не знаю почему) и случайно отправляющими опрос (форму), не нажимая кнопку отправки. Есть ли способ предотвратить это?
В опросе я использую HTML, PHP 5.2.9 и jQuery.
Вы можете использовать метод, такой как
При чтении комментариев к исходному сообщению, чтобы сделать его более удобным и позволить людям нажимать, Enter если они заполнили все поля:
Запретить ввод ключа в любом месте
формы, просто добавьте следующее
Приятной особенностью этого подхода является то, что он работает без JavaScript ; независимо от того, включен JavaScript или нет, требуется веб-браузер, соответствующий стандартам, чтобы предотвратить неявную отправку формы.
Мне пришлось перехватить все три события, связанные с нажатием клавиш, чтобы предотвратить отправку формы:
Вы можете объединить все вышеперечисленное в симпатичную компактную версию:
Придание форме действия javascript: void (0); кажется, добивается цели
Не положить кнопку отправки может сделать. Просто поместите скрипт для ввода (type = button) или добавьте eventListener, если вы хотите, чтобы он отправлял данные в форме.
Скорее используйте это
чем использовать это
Мне нужно было запретить отправку только определенных входных данных, поэтому я использовал селектор классов, чтобы это было «глобальной» функцией везде, где мне это нужно.
В качестве альтернативы, если нажатие клавиши недостаточно:
Изменяя различные хорошие ответы здесь, Enter ключ, кажется, работает во keydown всех браузерах. Для альтернативы, я обновил bind() к on() методу.