Отправка данных по нажатию Enter

@KVESTOR · Регистрация: 21.04.2014

Author24 — интернет-сервис помощи студентам

То есть есть у меня следующий код:

HTML5

<form action="redirect_page.php" method="post">
<textarea name="text" autofocus required>
</textarea>
<input type="submit">
</form>

Нужно сделать так, чтобы при нажатии на кнопку Enter (на клавиатуре) данные отправлялись на страницу redirect_page.php?

Добавлено через 13 секунд
Ах, да и при этом фокус находиться на textarea. То есть обычно при нажатии на Enter — переход на следующую строку, а надо отправку данных.

@fol · 07.09.2014, 19:57

тут поднималась такая тема

@stashappy · 08.09.2014, 07:35

Надо добавить к форме id.

HTML5

<form action="redirect_page.php" method="post" id='form_redirect'>
<textarea id='text_redirect'  name="text" autofocus required>
</textarea>
<input type="submit">
</form>

И прикрутить к старинце снизу javascript c кодом:

Javascript

document.body.onkeydown = function(event) {
    var e = event || window.event;
    var code = e.keyCode || e.which;
    var activeEl = document.activeElement.id;
    if(code == 13 && activeEl == "text_redirect") {
        var text_redirect = document.getElementById('text_redirect').value;
        text_redirect = text_redirect.replace(/^\s+/, "");
        if(text_redirect != "") {
            document.getElementById('form_redirect').submit();
        } else {
            alert("ЗАПОЛНИТЕ ФОРМУ!");
        }
   }
}

Добавлено через 26 минут
Также можно добавить перевод строки с помощью сочетания клавиш CTRL + ENTER

Javascript

document.body.onkeydown = function(event) {
    var e = event || window.event;
    var code = e.keyCode || e.which;
    var activeEl = document.activeElement.id;
    if(code == 13 && e.ctrlKey) {
        if(activeEl == "text_redirect") {
            document.getElementById('text_redirect').value += "\n";
        } else {
            return false;
        }
    } else if(code == 13 && activeEl == "text_redirect") {
        var text_redirect = document.getElementById('text_redirect').value;
        text_redirect = text_redirect.replace(/^\s+/, "");
        if(text_redirect != "") {
            document.getElementById('form_redirect').submit();
        } else {
            return false;
        }
   }
}

@KVESTOR · 08.09.2014, 15:32 **[ТС]**

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

@stashappy · 08.09.2014, 15:56

Сразу после этой строчки:

Javascript

1	document.getElementById('form_redirect').submit();

Вставьте это:

Javascript

1	return false;

@KVESTOR · 08.09.2014, 18:31 **[ТС]**

Правильнее будет после — text_redirect еще. То есть после этого:

Javascript

1	document.getElementById('form_redirect').submit();

И этого:

Javascript

1	document.getElementById('text_redirect').value += "\n";

@stashappy · 08.09.2014, 19:29

Нет. Надо вставить только после этого:

Javascript

1	document.getElementById('form_redirect').submit();

А в случае с этим:

Javascript

1	document.getElementById('text_redirect').value += "\n";

Здесь происходит перевод на новую строку, при нажатии на сочетание клавиш CTRL + ENTER. Но форма при это не отправляется. Так что здесь добавлять не обязательно.

Добавлено через 4 минуты
Но можете и добавить если хотите. Хоть с ним, хоть без него, в любом случае результат одинаковый.

Добавлено через 10 минут
Конечный вариант(откорректированный):

Javascript

document.body.onkeydown = function(event) {
    var e = event || window.event;
    var code = e.keyCode || e.which;
    var activeEl = document.activeElement.id;
    if(code == 13 && e.ctrlKey && activeEl == "text_redirect") {
        document.getElementById('text_redirect').value += "\n";
    } else if(code == 13 && activeEl == "text_redirect") {
        var text_redirect = document.getElementById('text_redirect').value;
        text_redirect = text_redirect.replace(/^\s+/, "");
        if(text_redirect != "") {
            document.getElementById('form_redirect').submit();
            return false;
        } else {
            return false;
        }
   }
}

Отправка данных по нажатию Enter

Решение

Решение

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	07.09.2014, 19:57	2
	тут поднималась такая тема 0

@KVESTOR 15 / 15 / 4 Регистрация: 21.04.2014 Сообщений: 179
	08.09.2014, 15:32 [ТС]	4
	А вот что нужно сделать, чтобы Enter не делал перенос строки, конкретно у меня при нажатии на Enter происходит перевод строки, а затем отправка данных. Как-то это не очень. 0