html – 如何使文本中的“Enter”键提交表单

前端之家收集整理的这篇文章主要介绍了html – 如何使文本中的“Enter”键提交表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个聊天,使用textarea而不是文本显而易见的原因.这就是为什么每次成员击中ENTER,都会得到一个新行,而不是发送消息.
我想更改这个,所以每次他们按ENTER =要提交的消息,然后光标返回textarea下一个消息打字.
我尝试过不同的代码发现在这个网站上,大多数没有工作,那些谁似乎在做某事只是刷新的页面,我有一个空白的页面.

我的代码

<form name="message" action="">
    <textarea name="usermsg" autocomplete="off" type="text" id="usermsg" rows="4" cols="30" style="width: 450px; margin-left: 25px;">
    </textarea>
    <br/>

    <p style="margin-left: 420px;"><input name="submitmsg" type="submit"  id="submitmsg" value="Send" /></p>
</form>

非常感谢你的时间.

解决方法

我已经创建了一个jsfiddle的例子,关于如何使用jQuery和keypressfunction以及哪个属性http://jsfiddle.net/GcdUE/

不确定你正在要求多于此,所以请尽可能进一步说明你的问题.

$(function() {
    $("#usermsg").keypress(function (e) {
        if(e.which == 13) {
            //submit form via ajax,this is not JS but server side scripting so not showing here
            $("#chatBox").append($(this).val() + "<br/>");
            $(this).val("");
            e.preventDefault();
        }
    });
});

猜你在找的HTML相关文章