Jan
19
2012

วีธี validate email หรือตรวจสอบรูปแบบ email

An article by บริษัท เก้ายอดสตูดิโอ จำกัด

Comments Off

jQuery plugin validation : E-mail address

หลังจากบทความก่อนหน้านี้แนะนำการใช้งาน jQuery Plugin Validation กันไปพอสมควรแล้วต่อไปก็จะเป็นบทความเกี่ยวกับการทำ Validation ในรูปแบบต่างๆครับ

การทำ validate email address เป็นอีกงานหนึ่งที่ใช้กันบ่อยๆ เพราะต้องตรวจสอบรูปแบบของอีเมล์ก่อนที่จะเก็บลง Database หรือทำอย่างอื่นกันต่อไปก็แล้วแต่ แต่ก่อนผมก็เขียนเป็น Function Javascript ธรรมดาๆเนี่ยแหละครับในการเช็คค่า form แต่พอมี jQuery และ plugin Validate ตัวนี้ชีวิตมันก็เริ่มง่ายขึ้นมาทันที มาดูวิธีการใช้งานกันเลยดีกว่า

Code ส่วนนี้อยู่ในส่วนของ Head นะครับ (แต่จริงๆแล้วเอาไว้ใน body ก็ได้ครับ)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<html>
<head>
<script src="jquery-latest.js"></script>
<script src="jquery.validate.js"></script>
<script>
$(document).ready(function(){
$('#myForm').validate();
});
</script>
</head>
<body>
<form action="" id="myForm" method="get">

<input type="text"
name="myEmail"
id="myEmail"
class="required email" />
<input type="submit" name="submit" value="submit" />

</form>
</body>
</html>

ตัวอย่าง :

ง่ายมากเลยใช่ใหมครับสำหรับการ vaidate email address เพียงแค่เพิ่ม email เข้าไปใน attribute CLASS

1	<input type="text" id="myText" class="required email" />

วิธี Validation นี้เป็นการทำงานในฝั่งของ Client นะครับเป็นการ check ค่าก่อนที่จะส่งไปให้ Server เพื่อทำการประมวลผลต่ออีกที ในการทำงานจริงๆผมก็ใช้การ validate ทั้งสองฝั่งครับ ทำทางฝั่ง client ที่เป็น user interface ก่อน พอส่งค่าออกไปก็จะให้ทาง Server side นั้นทำการเช็คค่าอีกทีหนึ่งครับว่า email ที่ส่งเข้ามานั้นถูกต้องหรือไม่ เพราะว่าการที่จะ insert ข้อมูลต่างๆที่รับมาเพื่อเก็บลง Database นั้นก็ต้องจรวจสอบว่ามีสิ่งแปลกปลอมเข้ามาหรือไม่ เช่นการ มีการส่ง SQL Injection เข้ามาหรือเปล่า ตรงนี้ก็จะช่วยได้เยอะครับสำหรับ user ธรรมดาๆ แต่ถ้าเราเจอประเภทพวกลองของก็ต้องตรวจสอบกันสองระดับ สองขั้นตอนกันไปเลย หรืออาจจะต้องใช้ความสามารถของ Framework ช่วย เช่นตัวผู้เขียนเองก็ใช้ CodeIgniter Framework ในการทำงาน ก็จะมี Function สำหรับจัดการด้าน Security ให้อยู่ระดับหนึ่งครับ