is there any way to submit a form from on return key?</a></h1> </div> <div class="grid fw-wrap pb8 mb16 bb bc-black-075"> <div class="grid--cell ws-nowrap mr16 mb8" title="2016-01-12 19:07:53Z"> <span class="fc-light mr2">Asked</span> <time itemprop="dateCreated" datetime="2013-09-10T15:01:44.627" class="fromnow">Sep 10 '13 at 15:01</time> </div> <div class="grid--cell ws-nowrap mr16 mb8"> <span class="fc-light mr2">Active</span> <time class="fromnow" title="2018-04-13T14:05:33.307" datetime="2018-04-13T14:05:33.307">Apr 13 '18 at 14:05</a> </div> <div class="grid--cell ws-nowrap mb8" title="Viewed 757 times"> <span class="fc-light mr2">Viewed</span> 757 times </div> </div> <div id="mainbar" role="main" aria-label="questions and answers"> <div id="question" class="question" data-questionid="18722414" data-ownerid="1964990" data-score="2"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="18722414"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="2">2</div> <button class="js-bookmark-btn s-btn s-btnunset c-pointer py4"> <svg aria-hidden="true" class="svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M6 1a2 2 0 00-2 2v14l5-4 5 4V3a2 2 0 00-2-2H6zm3.9 3.83h2.9l-2.35 1.7.9 2.77L9 7.59l-2.35 1.7.9-2.76-2.35-1.7h2.9L9 2.06l.9 2.77z"></path></svg> <div class="js-bookmark-count mt4" data-value="0">0</div> </button> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>I have a feedback <code>form</code>, the last input being a <code>textarea</code>.<br/> Id like the enter/return/ 'go' key to send the form, is there a way to do this? (<strong>for mobile</strong>)</p> <p>I'm currently detecting forms being sent with:</p> <pre><code>$('#feedback-form').on('keypress',function(e){ if(e.which === 13) { checkFeedBackForm() } }) </code></pre> <p>This works for the input type text inputs (name + email) currently</p> <p><strong><em>EDIT:</em></strong></p> <p>This currently works for desktop, however I would like it to submit on mobile too. Currently the 'go' button doesn't show up for mobile, only a 'return' button.</p></div> <div class="mt24 mb12"> <div class="post-taglist grid gs4 gsy fd-column"> <div class="grid ps-relative"> <a href="../../questions/tagged/javascript" class="post-tag js-gps-track" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jquery" class="post-tag js-gps-track" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/forms" class="post-tag js-gps-track" title="show questions tagged 'forms'" rel="tag">forms</a> </div> </div> </div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited Apr 13 '18 at 14:05">edited Apr 13 '18 at 14:05</time> <a href="../../users/383904/roko-c-buljan" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/383904.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Roko C. Buljan" /> </a> <div class="s-user-card--info"> <a href="../../users/383904/roko-c-buljan" class="s-user-card--link">Roko C. Buljan</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">196,159</li> <li class="s-award-bling s-award-blinggold" title="39 gold badges">39</li> <li class="s-award-bling s-award-blingsilver" title="305 silver badges">305</li> <li class="s-award-bling s-award-blingbronze" title="313 bronze badges">313</li> </ul> </div> </div> </div> <div class="post-signature owner grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Sep 10 '13 at 15:01">asked Sep 10 '13 at 15:01</time> <a href="../../users/1964990/rpsep2" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1964990.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="rpsep2" /> </a> <div class="s-user-card--info"> <a href="../../users/1964990/rpsep2" class="s-user-card--link">rpsep2</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">3,061</li> <li class="s-award-bling s-award-blinggold" title="10 gold badges">10</li> <li class="s-award-bling s-award-blingsilver" title="39 silver badges">39</li> <li class="s-award-bling s-award-blingbronze" title="52 bronze badges">52</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-18722414" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="18722414" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-27588513" class="comment js-comment " data-comment-id="27588513" data-comment-owner-id="119549" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment27588513_18722414"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Have you tried placing your `keypress` event handler on the `textarea` directly?</span> – <a href="../../users/119549/jacob" title="77,566 reputation" class="comment-user ">Jacob</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/18722414/is-there-any-way-to-submit-a-form-from-textarea-on-return-key#comment27588513_18722414"><span title="2013-09-10T15:03:08.493 License: CC BY-SA 3.0" class="relativetime-clean">Sep 10 '13 at 15:03</span></a></span> </div> </div> </li> <li id="comment-27588566" class="comment js-comment " data-comment-id="27588566" data-comment-owner-id="2168947" data-comment-score="1"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment27588566_18722414"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Enter key for mobile ?</span> – <a href="../../users/2168947/brewal" title="8,067 reputation" class="comment-user ">Brewal</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/18722414/is-there-any-way-to-submit-a-form-from-textarea-on-return-key#comment27588566_18722414"><span title="2013-09-10T15:04:36.843 License: CC BY-SA 3.0" class="relativetime-clean">Sep 10 '13 at 15:04</span></a></span> </div> </div> </li> <li id="comment-27588582" class="comment js-comment " data-comment-id="27588582" data-comment-owner-id="470383" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment27588582_18722414"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">what if you just in you `if` statement do - `$('#feedback-form').submit();` ?</span> – <a href="../../users/470383/elen" title="2,345 reputation" class="comment-user ">Elen</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/18722414/is-there-any-way-to-submit-a-form-from-textarea-on-return-key#comment27588582_18722414"><span title="2013-09-10T15:04:51.407 License: CC BY-SA 3.0" class="relativetime-clean">Sep 10 '13 at 15:04</span></a></span> </div> </div> </li> <li id="comment-27589471" class="comment js-comment " data-comment-id="27589471" data-comment-owner-id="400654" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment27589471_18722414"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">This sounds like a terrible idea from a usability standpoint. what if they want to go to the next line?</span> – <a href="../../users/400654/kevin-b" title="94,570 reputation" class="comment-user ">Kevin B</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/18722414/is-there-any-way-to-submit-a-form-from-textarea-on-return-key#comment27589471_18722414"><span title="2013-09-10T15:26:29.220 License: CC BY-SA 3.0" class="relativetime-clean">Sep 10 '13 at 15:26</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div id="answers"> <a name="tab-top"></a> <div id="answers-header"> <div class="answers-subheader grid ai-center mb8"> <div class="grid--cell fl1"> <h2 class="mb0" data-answercount="9">2 Answers<span style="display:none;" itemprop="answerCount">2</span></h2> </div> </div> </div> <a name="18722475"></a> <div id="answer-18722475" class="answer " data-answerid="18722475" data-ownerid="119549" data-score="2" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="18722475"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="2">2</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>The <code>textarea</code> is most likely "eating" your keypress events, so they don't bubble up to the form. Try attaching your <code>keypress</code> event directly to the <code>textarea</code>.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Sep 10 '13 at 15:05">answered Sep 10 '13 at 15:05</time> <a href="../../users/119549/jacob" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/119549.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Jacob" /> </a> <div class="s-user-card--info"> <a href="../../users/119549/jacob" class="s-user-card--link">Jacob</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">77,566</li> <li class="s-award-bling s-award-blinggold" title="24 gold badges">24</li> <li class="s-award-bling s-award-blingsilver" title="149 silver badges">149</li> <li class="s-award-bling s-award-blingbronze" title="228 bronze badges">228</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="18722517"></a> <div id="answer-18722517" class="answer " data-answerid="18722517" data-ownerid="2059996" data-score="0" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="18722517"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="0">0</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>What about a text input field instead of a textarea?<br/> It handles natively the return action </p> <p>if you want the 'search' or 'go' button use the 'search' type:<br/> <a href="../../questions/4864167/show-search-button-in-iphone-ipad-safari-keyboard">Show 'Search' button in iPhone/iPad Safari keyboard</a></p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited May 23 '17 at 12:20">edited May 23 '17 at 12:20</time> <a href="../../users/-1/community" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/-1.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Community" /> </a> <div class="s-user-card--info"> <a href="../../users/-1/community" class="s-user-card--link">Community</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1</li> <li class="s-award-bling s-award-blingsilver" title="1 silver badges">1</li> </ul> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Sep 10 '13 at 15:07">answered Sep 10 '13 at 15:07</time> <a href="../../users/2059996/fez-vrasta" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2059996.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Fez Vrasta" /> </a> <div class="s-user-card--info"> <a href="../../users/2059996/fez-vrasta" class="s-user-card--link">Fez Vrasta</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">14,110</li> <li class="s-award-bling s-award-blinggold" title="21 gold badges">21</li> <li class="s-award-bling s-award-blingsilver" title="98 silver badges">98</li> <li class="s-award-bling s-award-blingbronze" title="160 bronze badges">160</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>