【问题标题】:How can I press enter go down line on textarea when form submit is disable keypress enter当表单提交被禁用时,如何在 textarea 上按下回车键
【发布时间】:2014-03-26 07:19:56
【问题描述】:

在 textarea 上的 keypress enter 禁用提交,我也想在 textarea 上按下 enter 时换行。如何修改以下代码?

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

【问题讨论】:

  • 我会建议你删除你的按键事件。这是默认行为

标签: javascript jquery validation


【解决方案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

【讨论】:

    【解决方案2】:

    试试这个;)

    $('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;
        }
    });
    

    【讨论】:

    • 感谢您的解决方案,但是在 Internet Explorer 上,当我写东西然后按 Enter 时,它不会下线,我必须写新的东西才能下线。我想是因为$(this).val($(this).val()+'\n'); \n 你知道吗? @CoolArts
    【解决方案3】:

    通常它工作正常。当您点击键盘上的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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-07-09
      • 2012-01-02
      • 1970-01-01
      • 2011-01-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多