เราสามารถใช้ 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