2016-12-07 26 views
0

我試圖用textarea數據提交表單時用換行符替換新行。表格Textarea數據不能被替換提交

以下工作:

$("form").on('submit', function (e) { 
    $(".description").html($(".description").val().replace(/\r\n|\r|\n/g, "<br />")); 
}); 

只有當我不改變textarea的價值。

爲了澄清,我編輯textarea中的文本時停止工作。只有使用新輸入文本的方法是提交表單,再次單擊編輯,然後重新提交表單,而不對textarea中的文本進行任何更改。有人可以解釋爲什麼這種行爲正在發生嗎?

HTML:

<textarea class="form__item__input description" name="description"></textarea> 
+1

添加到您的html以及 – ScanQR

+0

它不是完全清楚自己想要做什麼。每次更改文字時僅在提交或替換時更換? –

+0

@Alon_A提交。 – Frisbetarian

回答

1

$("form").on('submit', function(e) { 
 
    e.preventDefault(); 
 
    
 
    $(".description").val($(".description").val().replace(/\r\n|\r|\n/g,"<br />")); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<form> 
 

 
    <textarea class="description" rows="10"> 
 
    Hi 
 
    Click 
 
    me 
 
    please 
 
    </textarea> 
 
    <input type="submit" value="submit" /> 
 
</form>

+0

如果我編輯textarea中的文本,這不會添加換行符。 – Frisbetarian

+0

所以它意味着當你在編輯期間輸入換行符時,它應該加上
? – ScanQR

+0

是的,但只有當我提交。 – Frisbetarian