Question

在textarea输入按键时禁用提交，我也想在textarea上按下输入时转到新行。如何修改以下代码？

$('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 fiddle

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;
    }
});

当表单提交为禁用按键输入时，如何在textarea上按回车键

3 个答案: