ป้องกันผู้ใช้กรอก
E-mail มั่วด้วย Java หลายครั้งที่พวกเราชาวเว็บมาสเตอร์สร้างฟอร์มให้ผู้ใช้กรอกใบสมัครต่างๆ
บางคนก็กลัวเรื่องการกรอกข้อมุลอย่างมาก E-mail ก็เป็นส่วนหนึ่ง คราวนี้เราจะมากันผู้ใช้กรอกเมล์แต่ลืมใส่
@ อะไรแบบนั้น มาดูขั้นตอนการทำ
ขั้นตอนการทำ
1. สร้างฟอร์มตามที่เราต้องการ ในที่นี้ผมทดสอบแค่เมล์อย่างเดียวนะครับเพื่อกันการสับสน
???
 |
2. หลังจากนั้นให้เรานำโค้ด Java ไปวางในส่วนของ
Head ในโค้ด HTML
| <script type="text/javascript"> function validate() { form_mail=document.form1 mail=form_mail.email.value.indexOf("@") submitOK="True" if (mail==-1) { alert("คุณยังไม่ได้ใส่ (Email)") submitOK="False" } if (submitOK=="False") { return false } } </script> |
3. หลังจากนั้นเขียนโค้ดที่ Tag Form เพื่อเรียกใช้ Function
| <form name="form1" method="post" action="" onsubmit="return validate()"> |
4. หลังจากนั้นก็ลองทดสอบดูครับ ถ้ากรอกโดยไม่มี @
 |
5. ถ้าใครงงดูโค้ดทั้งหมดที่นี่
| <html> <head> <title>webthaidd.com</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-874"> <script type="text/javascript"> function validate() { form_mail=document.form1 mail=form_mail.email.value.indexOf("@") submitOK="True" if (mail==-1) { alert("คุณยังไม่ได้ใส่ (Email)") submitOK="False" } if (submitOK=="False") { return false } } </script> </head> <body bgcolor="#FFFFFF"> |
6. ขอให้สนุกกับการทำเว็บ