Devdit
 

HTML required เปลี่ยนข้อความแจ้งเตือน ด้วย oninvalid

1.8K

HTML required เปลี่ยนข้อความแจ้งเตือน บทความนี้ใช้คำสั่ง oninvalid ร่วมกับ this.setCustomValidity เพื่อเปลี่ยนข้อความแจ้งเตือนกรณีคำสั่ง required ทำงาน สำหรับแจ้งให้ผู้ใช้งานทราบ สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง HTML required เปลี่ยนข้อความแจ้งเตือน ด้วย oninvalid

<form>
    ชื่อ - นามสกุล <input type="text" oninvalid="this.setCustomValidity('กรุณากรอกข้อมูล ชื่อ - นามสกุล')" required />
    <input type="submit" value="บันทึก">
</form>

คำอธิบาย

HTML required เปลี่ยนข้อความแจ้งเตือน ผูกเหตุการณ์ oninvalid เมื่อผู้ใช้งานกรอกข้อมูลไม่ครบ หรือเกิดเหตุการณ์ไม่ถูกต้องเกิดขึ้น และเปลี่ยนข้อความแจ้งเตือนที่ต้องการด้วยคำสั่ง this.setCustomValidity

แก้ไข 1 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ