Всем доброго времени суток!
Возникла такая проблема... начал изучать аякс пока без всяких примочек типа прототайп и прочих так вот столкнулся с совсем простенькой проблемкой... вопрос даже не связан с аяксом...
в общем есть форма у которой вобще нет кнопки сабмит есть кнопка баттон по нажатию онклик на которой вызывается функция отправки серваку некоторых данных.. соответственно это обычная JS функция.. так вот когда текстовое поле этой формы заполнено и соответственно нажата клавиша энтер то события кнопки батон естественно не происходит и функция не вызывается ,.. это пол беды но помимо всего прочего форма пытается отправиться непонятно куда хотя не указано даже куда отправлять данные..
собственно вопрос в следующем как мне отловить нажатие этого энтера мне надо сделать так чтобы по нажатию этого энтера либо нажималась кнопка которая баттон либо чтоб просто вызывалась явыа функция которая отправляет данные серверу... и крайне важно чтоб форма не отправляла в никуда данные и не обновляла всю страницу в связи с этим...???
Заранее спасибо за ответы!
работаю вот над этим http://kuroch[dot]ru/ajax/chat/
1. Kuroch - 15 Августа, 2011 - 16:59:22 - перейти к сообщению
2. SAD - 15 Августа, 2011 - 17:16:43 - перейти к сообщению
CODE (javascript):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <script>
- ;(function($) {
- $('#send').unbind('click').bind('click', sendForm);
- $('#some_id').unbind('keydown').bind("keydown",function(e) {
- switch(e.keyCode) {
- case 13:
- sendForm();
- break;
- default:
- break;
- }
- });
- function sendForm() {
- $.post('your_url', {data: $('#some_id').val()}, function() {
- // callback function
- });
- }
- })(jQuery);
- </script>
- <form>
- <input type="text" id="some_id">
- <input type="button" id="send">
- </form>