home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

แสดง HTML5 Client-side Validation Error Bubbles

ใช้ required Attribute เบราว์เซอร์จะแสดง Bubble เอง

ไม่ต้องเขียน JavaScript เบราว์เซอร์จะบังคับ Validation และแสดง Error Bubble เอง

ตัวอย่าง

<!DOCTYPE HTML>
<html>
<body>
  <form action="/cgi-bin/html5.cgi" method="get">
    <label>Email: <input type="email" name="email" required></label><br>
    <p>ลองกด Submit โดยเว้นว่าง</p>
    <input type="submit" value="Submit">
  </form>
</body>
</html>

แอตทริบิวต์ Validation อื่นๆ

  • pattern="regex" - กำหนดรูปแบบเอง
  • min/max - สำหรับ Number/Date
  • minlength/maxlength - ความยาวข้อความ
  • type="email|url|tel|number" - Built-in Validation

Custom Message: ใช้ setCustomValidity() ใน JavaScript