如何在輸入表單提交時按下輸入下行按鍵禁用按鍵輸入

Question

提交功能在textarea上輸入時禁用，我也想在textarea上按下輸入時去換行。我如何修改下面的代碼？

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

Answer 1

試試這個;）

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

Answer 2

<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 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