• หน้าแรก
  • บทความเกี่ยวกับการช๊อปปิ้ง
  • คลิปวิดีโอ
  • ทีวีออนไลน์
  • รวมเกม เกมส์มากมาย
  • แบ่งปันความรู้
  • สารบัญเว็บไซต์
  • โลกใบเล็กของเราทุกคน
  • คุยสด แชท เว็บบอร์ด
  • ติดต่อเรา

Java Script

ปัญหาการเช็คค่าใน Text Area ของ TinyMCE ( 28 มกราคม 2555 )


TinyMce

อาการของปัญหานี้คือเมื่อเราเขียนจาวาสคริปต์เพื่อทำการเช็คค่าใน Text Area เพื่อเช็คว่าหากไม่ได้มีการพิมพ์ค่าใดๆไว้ จะให้มีการส่งข้อความเตือน แต่ปรากฏว่าสคริปต์ทั่วไปไม่สามารถทำงานได้ตามปกติเนื่องจากระบบการเซฟข้อมูลของตัว TinyMCE เอง

 

วิธีแก้ปัญหาคือเพิ่มสคริปต์ในส่วนของปุ่มกดส่งบทความ ให้ตัว TinyMCE ทำการเซฟข้อมูลก่อน แล้วจึงดำเนินการเช็คค่าใน Text Area ตัวอย่างดังสคริปต์ด้านล่างนี้ครับ

 

<form name="checkForm" method="post" action="" onSubmit="return check()">

<textarea name="detail" rows="25" style="width: 100%"></textarea>

<input type="submit" name="save" value="ส่งบทความ" onclick="tinyMCE.triggerSave();" />

<script lanuage="javascript">
	function check() {
		var v1 = document.checkForm.detail.value;
		if(v1.length==0) {
			alert("กรุณากรอกเนื้อหาด้วยครับ") ;
			return false ;
		} else {
			return true ;
		}
	}
</script>
</form>

 

ส่วนสำคัญที่เพิ่มเข้าไปคือ onclick="tinyMCE.triggerSave();" นี่เอง

 

ขอขอบคุณแหล่งข้อมูลอ้างอิง

 

1. http://www.tinymce.com/forum/viewtopic.php?id=28


แก้ไขล่าสุดเมื่อ 2012-02-01 19:25:56

Tag :: Text Area, TinyMCE, validate textarea
เข้าชมแล้ว :: 2101 ครั้ง | กลับหน้าหลัก