当表单提交被禁用时，如何在文本区域上按Enter下行

Question

在textarea上的keypress enter不能提交，也要在textarea上按下enter时换行。 如何修改以下代码？

$('textarea').bind('keypress', function(e) {
    if ((e.keyCode || e.which) == 13) {
        e.preventDefault();
        return false;
    }
});

Answer 1

 <textarea id="post_body"></textarea>

        <text><span></span></text>




      $('#post_body').keyup(function() {    
                $('text').find('span').text($(this).val());
            });





  text span { white-space: pre; }

这对我有用，请在这里检查链接Jsfiddle

Answer 2

通常情况下，它工作正常。 当您按键盘上的Enter键时，光标将移至下一行。 它不会对textarea采取提交操作。 尝试这个

<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1" > 
<textarea name="message" cols="50" rows="10" required></textarea><br/>
<input type="submit" name="submit" value="Submit" onclick="storeQueEmail()"/> 
</form>

这里的js小提琴

Answer 3

试试这个;）

$('textarea').bind('keypress', function(e) {
    if ((e.keyCode || e.which) == 13) {
        e.preventDefault();

        //Just add this line to your code
        $(this).val($(this).val()+'\n');

        return false;
    }
});