Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > สอบถามเรื่องการใช้ onKeyPress ครับเกียวกับการซ่อนและโชว์ของ textarea

สอบถามเรื่องการใช้ onKeyPress ครับเกียวกับการซ่อนและโชว์ของ textarea

เริ่มหัวข้อใหม่

wutdy

โพสกระทู้ ( 21 )
บทความ ( 0 )

สอบถามเรื่องการใช้ onKeyPress ครับ ผมลองทำ ซ่อน textarea ตามโค๊ดเลยครับ
-ตามโค๊ดนี้เหมือนมันไม่รู้จักค่าที่ผม key เข้ามา มันซ่อนถ้าผมกรอกตัวอักษร แต่มันจะโชวเมื่อผมกรอกตัวเลข
-ที่ผมต้องการคือถ้ากรอกค่ามากกว่า 100 ให้มันซ่อน ถ้าน้อยกว่าก็โชว์ปกติ
ขอบคุณครับ

-โค๊ด js
<script language="javascript">
function CheckNum(){
if (event.keyCode >= 100){
document.getElementById('eie1').style.display='none';
}else{
document.getElementById('eie1').style.display='';
}
}
</script>

-อันนี้คือ textbox ที่ผมจะคีย์ตัวเลข
<input type="text" class="form-control" name="no_vat" onKeyPress="CheckNum()" id="no_vat" >

-อันนี้คือ texarea ที่ผมจะซ่อนและเปิด
<textarea class="form-control css-require" name="eie1" id="eie1" rows="4" ></textarea>

Tag : PHP, JavaScript

Date : 2018-09-10 11:11:54

By : wutdyinwna

View : 899

Reply : 3

No. 1

wutdy

โพสกระทู้ ( 21 )
บทความ ( 0 )

แบบนี้ก็ยังไม่ได้เบย
เหมือนมันคิดว่า ค่า 100 ที่ผมตั้ง = 1000
<script language="javascript">
function CheckNum() {
var values;
values = document.getElementById('no_vat').value;
if (values >= 100) {
document.getElementById('eie1').style.display = 'none';
} else {
document.getElementById('eie1').style.display = '';
}
}
</script>

ประวัติการแก้ไข
2018-09-10 11:51:56
2018-09-10 13:36:11

Date : 2018-09-10 11:35:10

By : wutdyinwna

No. 2

wutdy

โพสกระทู้ ( 21 )
บทความ ( 0 )

ได้แล้วครับ

<script language="javascript">
function CheckNum() {
var values;
values = document.getElementById('no_vat').value;
if (values >= 100) {
document.getElementById('eie1').style.display = 'none';
} else {
document.getElementById('eie1').style.display = '';
}
}
</script>

<input type="text" class="form-control" name="no_vat" onKeyUP="CheckNum()" id="no_vat" >

<textarea class="form-control css-require" name="eie1" id="eie1" rows="4" ></textarea>

Date : 2018-09-10 14:13:59

By : wutdyinwna

No. 3

โพสกระทู้ ( 198 )
บทความ ( 0 )

แนะนำ ใช้ jquery จะเขียนสั้นกว่านี้นะครับ

หรือจะเอาดีๆเลยก็ react, vue

Date : 2018-09-10 14:20:49

By : DK

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามเรื่องการใช้ onKeyPress ครับเกียวกับการซ่อนและโชว์ของ textarea

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก