|
|
|
Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
|
|||
|---|---|---|---|
|
#18+
Здравствуйте. Стоит задача сделать красивую кнопку для отправки из формы с полями (текстовыми и типа password). Сделал кнопку ссылкой и с помощью css задал ее внешний вид. Чтобы при нажатии по ссылки форма отправлялась добавил для нее onclick, в котором по id формы сабмитил ее: Код: html 1. 2. 3. Но хотелось, чтобы по Enter тоже отправлялась форма. -Сначала поместил в форму дополнительно кнопку с display:none и в onclick ссылки кликал кнопку по id: Код: html 1. 2. 3. 4. 5. Все работало и при клике по ссылке и при Enter, но в Internet Explorer упорно не хотело -Пришлось поставить на поля onkeypress: Код: html 1. 2. где Код: javascript 1. 2. 3. 4. 5. С полем типа password проблем нет, но в обычных текстовых инпутах при вводе выскакивает подсказка с ранее введенными значениями и когда выбираешь их с помощью курсор+Enter, то срабатывает функция checkEnter. Подскажите, кто как поступает в подобных случаях? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.09.2012, 12:39:39 |
|
||
|
Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
|
|||
|---|---|---|---|
|
#18+
... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.09.2012, 13:09:05 |
|
||
|
Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
|
|||
|---|---|---|---|
|
#18+
Убери из инпутов текст и пассворд onkeypress и добавь на форму скрытый сабмит, например так Код: html 1. 2. 3. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.09.2012, 13:33:30 |
|
||
|
Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
|
|||
|---|---|---|---|
|
#18+
Паганель, спасибо. Primus inter pares, спасибо. Этот вариант больше нравится, проверил в трех браузерах - вроде работает. Щас буду разбираться, как ичто, потому что я тоже думал про то, что можно кнопку спрятать, но прятал не так и в ИЕ не работало). ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.09.2012, 14:09:09 |
|
||
|
Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
|
|||
|---|---|---|---|
|
#18+
Кроме этого, "красивые" кнопки точно так же легко делаются не на основе элемента гиперссылки, но и на основе кнопки (input type="button", input type="submit", button). Само собой, есть некоторые ограничения (картинки), но есть и привлекательные стороны, присущие кнопке. В отношении использования в форме несравненно проще. Проделав достаточно подробный анализ (часть из которого попала в недавний топик), все-таки остановился именно на кнопке, а не на ссылке. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.09.2012, 17:25:44 |
|
||
|
Сделать так, чтобы форма отправлялась по нажатию ссылки или по Enter
|
|||
|---|---|---|---|
|
#18+
IDVsbruck, спасибо за дополнение. Перечитал ваш топик /topic/957862&hl= Кстати перед проблемой в данном топике думал, как лучше сделать кнопку: обычной или ссылкой. Но все-таки остановился на ссылке, потому что в моем случае много форм, в которых 2 кнопки (по типу Назад - Далее). И я не придумал как лучше сделать кнопку "назад". Можно было сделать в ней ссылку с помощью аттрибута formaction, но он не работает в IE8, который html5 не поддерживает. До этого уже были две кнопки, но в разных формах и кнопки были на разных уровнях по вертикали. В конце концов плюнул и решил сделать кнопки через ссылки. Также проблем добавило то, что все должно было работать при отключенном джаваскрипт. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.09.2012, 10:42:04 |
|
||
|
|

start [/forum/topic.php?fid=22&gotonew=1&tid=1449358]: |
0ms |
get settings: |
10ms |
get forum list: |
15ms |
check forum access: |
3ms |
check topic access: |
3ms |
track hit: |
280ms |
get topic data: |
15ms |
get first new msg: |
9ms |
get forum data: |
4ms |
get page messages: |
58ms |
get tp. blocked users: |
2ms |
| others: | 238ms |
| total: | 637ms |

| 0 / 0 |
