สิ่งที่อาจจะง่ายกว่าการตั้งค่ารูปแบบ HTML ที่รวบรวมที่อยู่อีเมลกล่าวสำหรับจดหมายข่าวหรือการแจ้งเตือน? Mistyping ที่อยู่อีเมลในแบบฟอร์มนั้นแน่นอนแล้วเบราว์เซอร์ของคุณต้องจดจำที่อยู่ที่ไม่ถูกต้องสำหรับแบบฟอร์มการลงชื่อสมัครใช้ทั้งหมดที่จะมาถึง
หากคุณต้องการตรวจสอบความถูกต้องของที่อยู่อีเมลที่ป้อนลงในฟอร์มของคุณ แต่หลีกเลี่ยงการปรับแต่งและสคริปต์ที่ซับซ้อน HTML5 ช่วยให้คุณพึ่งพาเบราเซอร์ได้โดยไม่ต้องใช้ความพยายามและไม่ต้องหันไปใช้ JavaScript
ตรวจสอบที่อยู่อีเมลด้วย HTML5
หากต้องการให้เบราว์เซอร์ของผู้ใช้ตรวจสอบที่อยู่อีเมลขณะที่ป้อนในรูปแบบ HTML เว็บของคุณ:
- ตรวจสอบว่าคุณใช้ HTML5
- คุณสามารถทำได้โดยใช้
- ระบุองค์ประกอบป้อนข้อมูลของที่อยู่อีเมลเป็นประเภท "อีเมล" (ดูตัวอย่างด้านล่าง)
เบราเซอร์ที่ไม่รู้จักชนิด = "อีเมล" ควร (และเท่าที่คุณสามารถบอกได้ทั้งหมด) จะถือว่าฟิลด์ป้อนข้อมูลเช่นฟิลด์ประเภท "ธรรมดา" = "ข้อความ"
การพิจารณาความถูกต้องของที่อยู่อีเมล HTML5
โปรดทราบว่าการตรวจสอบที่อยู่อีเมล HTML จะใช้งานได้เฉพาะในเบราว์เซอร์ที่สนับสนุน HTML5 และตรวจสอบความถูกต้องขององค์ประกอบของฟอร์ม สำหรับเบราว์เซอร์อื่นและการสำรองข้อมูลคุณยังสามารถ ตรวจสอบที่อยู่อีเมลโดยใช้ PHP ได้เช่นกัน
เบราว์เซอร์ที่สนับสนุนการตรวจสอบที่อยู่อีเมล HTML5 ประกอบด้วย Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ และ Opera 10+ Safari 5 และ Google Chrome 6-8 จะไม่ยอมรับการป้อนที่อยู่อีเมลที่ไม่ถูกต้อง แต่แตกต่างจากเบราว์เซอร์อื่น ๆ จะไม่ช่วยให้ผู้ใช้แก้ไขข้อผิดพลาดได้
ตัวอย่างการตรวจสอบที่อยู่อีเมล HTML5
ในการดึงดูดผู้ใช้เบราว์เซอร์ให้ตรวจสอบที่อยู่อีเมลด้วย HTML5 ให้ใช้รหัสต่อไปนี้เช่น: