某些情況下我們會用javascript強制textarea一定要輸入內容,但如果使用tinymce編輯器取代文字輸入框textarea,會發現檢查函式不起作用,雖然在tinymce有輸入內容,但總是回傳空值。
tinymce檢查表單輸入內容textarea

舉個簡單例子:

<form name="test">
<textarea name="hello"></textarea>
</form>

通常都是用document.test.hello.value來取值,但使用tinymce後,就得用tinyMCE.activeEditor.getContent()

就算同時有多個textarea使用tinymce,檢查值還是只要寫tinyMCE.activeEditor.getContent(),實例如下:

<form method="post" action="hello1.php" onsubmit="return abc(this)">
<textarea name="note1"></textarea>
<input type="submit" value="送出" />
</form>

<form method="post" action="hello2.php" onsubmit="return abc(this)">
<textarea name="note2"></textarea>
<input type="submit" value="送出" />
</form>

<script language="javascript" type="text/javascript">
function abc(theform) {
	if (!(new RegExp("[^\s]").test(tinyMCE.activeEditor.getContent()))) {
		alert('內容輸入不能為空!');
		return false;
  }
}
</script>

 
  • Hemidemi
  • MyShare
  • Udn
  • funP
  • Furl