2017-07-27 64 views
0

提交與所需的文本區域被封鎖時的append()的值更新

function addValue() { 
 
    var textarea = $("#textarea"); 
 
    textarea.append("text"); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form type='post'> 
 
    <textarea id='textarea' readonly required></textarea> 
 
    <input type='button' onclick='addValue()' value='add value to textarea' /> 
 
    <input type='submit' value='submit' /> 
 
</form>

當我點擊「添加價值文本區域」按鈕添加值到textarea的,然後我試圖提交,它阻止我提交textarea是必需的。

這是什麼問題呢?是jQuery的附加功能不會更新checkValidity?或者它是一個錯誤?還是瀏覽器問題(我正在使用MicrosoftEdge測試)?

+0

你是如何確認它的價值呢?我將你的代碼添加到了一個看起來很好的代碼片段中 –

+0

我嘗試點擊一次提交,然後添加文本並再次提交 –

回答

1

使用val()代替append()

function addValue() { 
    $("#textarea").val("text"); 
} 

append()添加該標籤中的文本或HTML,而val()設置輸入或textarea的