|
Un title page
ป้องกันผู้ใช้กรอก
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">
<form name="form1" method="post" action=""
onsubmit="return validate()">
E-mail
<input type="text" name="email">
<input type="submit" name="Submit" value="Submit">
</form>
</body>
</html>
|
6. ขอให้สนุกกับการทำเว็บ
|
ป้องกันผู้ใช้กรอก E-mail มั่วด้วย Java
จัดทำโดย : Mr.GuruZ 
