ให้เรตสมาชิก: 5 / 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อยากทราบวิธีการปรับขนาดของ browser ในแสดงผลเฉพาะส่วนที่ต้องการ
โดย Ittichai_chupol จ 17 มิ.ย. 2019 7:21 pm บอร์ด Programming - PHP
0
5
จ 17 มิ.ย. 2019 7:21 pm โดย Ittichai_chupol
อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์
โดย Ittichai_chupol จ 17 มิ.ย. 2019 2:50 pm บอร์ด HTML CSS
6
32
จ 17 มิ.ย. 2019 6:59 pm โดย thatsawan
CPU มีความร้อนสูงทำให้คอมพิวเตอร์เสียหายจริงหรือไม่ ?
โดย Patipat จ 17 มิ.ย. 2019 6:38 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
จ 17 มิ.ย. 2019 6:38 pm โดย Patipat
อยากทราบวิธีสร้างกราฟ เป็นแบบ PHP Stacked Column
โดย Patipat จ 17 มิ.ย. 2019 6:11 pm บอร์ด Programming - PHP
0
7
จ 17 มิ.ย. 2019 6:11 pm โดย Patipat
วิธีการหา Error ของการ Insert ข้อมูลลงฐานข้อมูล Mysql โดยใช้ Mysql
โดย Patipat จ 17 มิ.ย. 2019 5:42 pm บอร์ด SQL Knowledge
0
8
จ 17 มิ.ย. 2019 5:42 pm โดย Patipat
เดินทางจากตัวเมืองนครศรี-วัดเจดีย์ไอ้ไข่ไปอย่างไร(รถโดยสาร)
โดย jirawoot จ 17 มิ.ย. 2019 5:23 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
5
จ 17 มิ.ย. 2019 5:23 pm โดย jirawoot
วิธีการแก้ Netbean Newproject ของ PHP ไม่ขึ้น
โดย Patipat จ 17 มิ.ย. 2019 4:27 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
4
จ 17 มิ.ย. 2019 4:27 pm โดย Patipat
จะเพิ่มรูปภาพเข้ามายัง เว็บบอร์ด PHP ยังไงค่ะ
โดย EyePornnipa จ 17 มิ.ย. 2019 4:14 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
18
จ 17 มิ.ย. 2019 7:10 pm โดย EyePornnipa
ให้แสดงเวลาแต่เกิด Notice: A non well formed numeric value encountered in ครับ
โดย jamepiyawat จ 17 มิ.ย. 2019 4:10 pm บอร์ด Programming - PHP
1
11
จ 17 มิ.ย. 2019 5:43 pm โดย mindphp
แหล่งท่องเที่ยวใน จ.นครศรีธรรมราช
โดย jirawoot จ 17 มิ.ย. 2019 4:00 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
จ 17 มิ.ย. 2019 4:00 pm โดย jirawoot
การติดตั้งโปรแกรม Nimbus บน google chrom
โดย chatee supasand จ 17 มิ.ย. 2019 3:56 pm บอร์ด Share Knowledge
1
5
จ 17 มิ.ย. 2019 3:58 pm โดย thatsawan
วิธีการแก้ไข sudo must be owned by uid 0 and have the setuid bit set บน ubuntu
โดย jamepiyawat จ 17 มิ.ย. 2019 3:25 pm บอร์ด Share Knowledge
2
16
จ 17 มิ.ย. 2019 4:04 pm โดย jamepiyawat
การเดินทางจากนครศรีธรรมราชมากรุงเทพฯ
โดย EyePornnipa จ 17 มิ.ย. 2019 3:22 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
จ 17 มิ.ย. 2019 3:22 pm โดย EyePornnipa
ทำ google เอกสาร ให้คนอื่นแก้ไข หรือ ทำให้แค่เห็นเอกสาร
โดย jamepiyawat จ 17 มิ.ย. 2019 12:10 pm บอร์ด Share Knowledge
0
12
จ 17 มิ.ย. 2019 12:10 pm โดย jamepiyawat
Skype สามารถ ใช้ร่วมกับ OneDrive ได้แล้ว
โดย chatee supasand จ 17 มิ.ย. 2019 11:49 am บอร์ด Microsoft Office Knowledge & line & Etc
0
7
จ 17 มิ.ย. 2019 11:49 am โดย chatee supasand
ประวัติส่วนตัวและความรู้ที่เคยเรียนมา
โดย jirawoot จ 17 มิ.ย. 2019 11:20 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
0
4
จ 17 มิ.ย. 2019 11:20 am โดย jirawoot
Job Description
โดย EyePornnipa จ 17 มิ.ย. 2019 11:17 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
0
21
จ 17 มิ.ย. 2019 11:17 am โดย EyePornnipa
Note
โดย jirawoot จ 17 มิ.ย. 2019 11:06 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
3
12
จ 17 มิ.ย. 2019 6:13 pm โดย jirawoot
Note
โดย EyePornnipa จ 17 มิ.ย. 2019 11:06 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
1
16
จ 17 มิ.ย. 2019 12:47 pm โดย EyePornnipa
Work's on Hand จิระวุฒิ อัครลิขิตกุล M090
โดย jirawoot จ 17 มิ.ย. 2019 11:05 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
0
3
จ 17 มิ.ย. 2019 11:05 am โดย jirawoot