powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
6 сообщений из 6, страница 1 из 1
Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
    #37944407
alexandr300500
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Здравствуйте.

Стоит задача сделать красивую кнопку для отправки из формы с полями (текстовыми и типа password).
Сделал кнопку ссылкой и с помощью css задал ее внешний вид.
Чтобы при нажатии по ссылки форма отправлялась добавил для нее onclick, в котором по id формы сабмитил ее:
Код: html
1.
2.
3.
<a id="logonLink" onclick="document.getElementById('loginForm').submit();return false;" class="but_login"
							tabindex="4" href="#">
							Сабмит!</a>


Но хотелось, чтобы по Enter тоже отправлялась форма.
-Сначала поместил в форму дополнительно кнопку с display:none и в onclick ссылки кликал кнопку по id:
Код: html
1.
2.
3.
4.
5.
 <a id="logonLink"
							onclick="document.getElementById('loginSubmit1').click();return false;" class="but_login"
							tabindex="4" href="#">
							<bean:message key="login.button.submit" />
						</a>


Все работало и при клике по ссылке и при Enter, но в Internet Explorer упорно не хотело

-Пришлось поставить на поля onkeypress:
Код: html
1.
2.
<input name="password" tabindex="2" type="password" id="password"					
					onkeypress="checkEnter(this.value, event);" />


где
Код: javascript
1.
2.
3.
4.
5.
function checkEnter(d, e)
{
  if(e.keyCode == 13)
  document.getElementById('loginForm').submit();   
}


С полем типа password проблем нет, но в обычных текстовых инпутах при вводе выскакивает подсказка с ранее введенными значениями и когда выбираешь их с помощью курсор+Enter, то срабатывает функция checkEnter.

Подскажите, кто как поступает в подобных случаях?
...
Рейтинг: 0 / 0
Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
    #37944517
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
    #37944580
Primus inter pares
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Убери из инпутов текст и пассворд onkeypress
и добавь на форму скрытый сабмит, например так
Код: html
1.
2.
3.
<input  type="submit" name="update" value=" Apply "  
    style="position: absolute; height: 0px; width: 0px; border: none; padding: 0px;" 
    hidefocus="true" tabindex="-1"/> 
...
Рейтинг: 0 / 0
Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
    #37944685
alexandr300500
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Паганель, спасибо.
Primus inter pares, спасибо. Этот вариант больше нравится, проверил в трех браузерах - вроде работает. Щас буду разбираться, как ичто, потому что я тоже думал про то, что можно кнопку спрятать, но прятал не так и в ИЕ не работало).
...
Рейтинг: 0 / 0
Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
    #37945231
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Кроме этого, "красивые" кнопки точно так же легко делаются не на основе элемента гиперссылки, но и на основе кнопки (input type="button", input type="submit", button). Само собой, есть некоторые ограничения (картинки), но есть и привлекательные стороны, присущие кнопке. В отношении использования в форме несравненно проще. Проделав достаточно подробный анализ (часть из которого попала в недавний топик), все-таки остановился именно на кнопке, а не на ссылке.
...
Рейтинг: 0 / 0
Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
    #37952132
alexandr300500
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
IDVsbruck, спасибо за дополнение.
Перечитал ваш топик /topic/957862&hl=
Кстати перед проблемой в данном топике думал, как лучше сделать кнопку: обычной или ссылкой. Но все-таки остановился на ссылке, потому что в моем случае много форм, в которых 2 кнопки (по типу Назад - Далее). И я не придумал как лучше сделать кнопку "назад".
Можно было сделать в ней ссылку с помощью аттрибута formaction, но он не работает в IE8, который html5 не поддерживает.
До этого уже были две кнопки, но в разных формах и кнопки были на разных уровнях по вертикали. В конце концов плюнул и решил сделать кнопки через ссылки.
Также проблем добавило то, что все должно было работать при отключенном джаваскрипт.
...
Рейтинг: 0 / 0
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]