ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

 

     เราสามารถใช้ JavaScript  ในการเช็คค่าข้อความที่กรอกได้ ให้สามารถใส่ได้แค่ตัวอักษรที่เราต้องการ หรือตัวอักษรที่ไม่ต้องการลงไปได้ โดยใช้  JavaScript OnBlur  ซึ่งเหตุการณ์ที่เมื่อมีการย้ายตำแหน่งของโพกัสไปยังตำแหน่งอื่น

     โดยบทความนี้จะกล่าวถึงการใช้ JavaScript OnBlur เช็คค่าข้อความที่กรอกให้ใส่ได้แค่ตัวเลขและตัวอักษรภาษาอังกฤษเท่านั้น ใน PHP โดยจะมีข้อความขึ้นแจ้ง alert ว่า "กรอกได้เฉพาะตัวเลขและตัวอักษรภาษาอังกฤษเท่านั้น"  และเมื่อกรอกไม่ถูกต้องก็จะใส่เซ็ตค่าในข้อความที่กรอกและต้องใส่ใหม่

 

ตัวอย่างโค้ด 

 

<script>
	function check()
	{
		var elem = document.getElementById('test_txt').value;
		if(!elem.match(/^([a-z0-9])+$/i))
		{
			alert("กรอกได้เฉพาะตัวเลขและตัวอักษรภาษาอังกฤษเท่านั้น");
			document.getElementById('test_txt').value = "";
		}
	}
</script>
<input type="text" name="test_txt" id="test_txt" onblur="check();" value=""/>

 

ผลลัพธ์

 

ผลลัพธ์
ผลลัพธ์

 

อ้างอิง : w3schools 

 

ข่าวสารเพิ่มเติมเกี่ยวกับ PHP

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
มารู้จักประเภทของเรียงความภาษาอังกฤษ
โดย Kannaphat อ 24 ม.ค. 2021 1:24 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
5
อ 24 ม.ค. 2021 1:24 pm โดย Kannaphat
การตัดรายการขายสินทรัพย์ที่มีค่าเสื่อม (Assets)
โดย Jiratchaya ส 23 ม.ค. 2021 11:02 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
14
ส 23 ม.ค. 2021 11:02 pm โดย Jiratchaya
วิธีการเขียน Essay อย่างไรให้ตอบโจทย์ผู้อ่าน
โดย Kannaphat ส 23 ม.ค. 2021 6:01 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
12
ส 23 ม.ค. 2021 6:01 pm โดย Kannaphat
python2.7 ติดปัญหา Non-ASCII character
โดย chakirin.bfds ส 23 ม.ค. 2021 12:59 pm บอร์ด Programming - C/C++ & java & Python
4
32
ส 23 ม.ค. 2021 2:40 pm โดย chakirin.bfds
ติดปัญหา find หา input ไม่เจอในไฟล์ javascript
โดย eange08 ศ 22 ม.ค. 2021 4:39 pm บอร์ด JavaScript & Jquery Ajax
1
49
ส 23 ม.ค. 2021 3:04 pm โดย eange08
โปรแกรม Kdenlive ตัดเสียงรบกวนอย่างไรคะ
โดย Kannaphat ศ 22 ม.ค. 2021 3:08 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
22
ศ 22 ม.ค. 2021 4:55 pm โดย Kannaphat
ขอวิธีดึงข้อมูลใน list มาแสดงเป็นข้อความทีละบรรทัด
โดย chakirin.bfds พฤ 21 ม.ค. 2021 6:38 pm บอร์ด Programming - C/C++ & java & Python
3
35
ส 23 ม.ค. 2021 1:31 pm โดย mindphp
อะไรบ้างที่คุณต้องรู้เกี่ยวกับการ ‘ซ่อมนาฬิกา’ !
โดย totheworld พฤ 21 ม.ค. 2021 3:05 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
11
พฤ 21 ม.ค. 2021 3:05 pm โดย totheworld