<form id="register_frm" class="member_frm" method="post" action="newregister.php">
<p class="h"><span>ลงทะเบียนสมาชิกใหม่</span></p>
<p><label for="register_username">ชื่อ :</label><input type="text" name="register_username" id="register_username" size="40" maxlength="20" /><span class="result" id="resultUsername">&nbsp;</span></p>
<p><label for="register_email">อีเมล์ :</label><input type="text" name="register_email" id="register_email" size="40" /><span class="result" id="resultEmail">&nbsp;</span></p>
<p><input type="submit" name="register_submit" id="register_submit" class="button" value="สมัครสมาชิก" /></p>
</form>

<script type="text/javascript">
$G(document).Ready(function(){ /* เมื่อเว็บเพจโหลดเรียบร้อย */
     /* ตรวจสอบ username  */
     $G('register_username').addEvent('keyup', doMemberCheck);
     $G('register_username').addEvent('change', doMemberCheck);
     /* ตรวจสอบ email  */
     $G('register_email').addEvent('keyup', doEmailCheck);
     $G('register_email').addEvent('change', doEmailCheck);
});
</script>

<script type="text/javascript">
/* ตรวจสอบ username  */
var doMemberCheck = function(event) {
     var value = GEvent.element(event).value;
     var result = $E('resultUsername');
     var patt = new RegExp('^[a-z]{1,}$');
     if (value == '') {
          result.innerHTML = 'กรุณากรอกชื่อ';
     } else if (!patt.test(value)) {
          result.innerHTML = 'ภาษาอังกฤษ ตัวพิมพ์เล็กเท่านั้น';
     } else if (value.length < 4) {
          result.innerHTML = 'ชื่อไม่น้อยกว่า 4 ตัวอักษร';
     } else {
          result.innerHTML = '';
     };
};

/* ตรวจสอบ email  */
var doEmailCheck = function(event) {
     var value = GEvent.element(event).value;
     var result = $E('resultEmail');
     var patt = /^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.([a-z]){2,4})$/;
     if (value == '') {
          result.innerHTML = 'กรุณากรอกอีเมล์';
     } else if (!patt.test(value)) {
          result.innerHTML = 'อีเมล์ไม่ถูกต้อง';
     } else {
          result.innerHTML = '';
     };
}
</script>