Javascript how to make enter key submit a form

Asked Mar 26 '17 at 14:11

Active Mar 26 '17 at 14:11

Viewed 36 times

I am working on n website right now, and I am learning JavaScript along side it. I need to know how to submit the form when the user hits the enter key (Javascript event 13), and makes a new line when enter and shift are clicked. (This question is different from the other questions like this because I need to have it formatted to match my form, because I know very little javascript.) here is the form:

<form style="position: absolute; bottom: 5px; padding-bottom: 10px;height:  
10%;" id="newmessageForm">

        <textarea name="message" placeholder="Type your message here" 
rows="9" cols="225" id="newmessage" resize="none" style="float: left;
opacity: 0.7;"></textarea>

        <input class="btn-login" type="Submit" name="send" style="float:
         left">

    </form>

thank you for your help!

asked Mar 26 '17 at 14:11

This can help you : `//to submit your form when press the key 13 window.onkeypress = function(event) { if (event.keyCode == 13) { // submit form document.getElementById("myForm").submit(); } }` – Maeva Charbonnier Mar 26 '17 at 14:23
would myForm be the name of the form? – Mar 26 '17 at 14:25
and thank you a lot! – Mar 26 '17 at 14:25
yes the id of your form newmessageForm – Maeva Charbonnier Mar 26 '17 at 14:28
document.getElementById("newmessageForm ").submit(); – Maeva Charbonnier Mar 26 '17 at 14:28
this just refreshes the page... – Mar 26 '17 at 14:35

Javascript how to make enter key submit a form

0 Answers0