อยากทำหน้าสมัครสมาชิกเหมือนหน้านี้ค่ะ

ไม่ทราบว่า การสมัครสมาชิกในเว็บนี้ ใช้เทคนิค ajax รึเปล่าค่ะ คือ อยากทราบ code ตอนที่ เช็ค ข้อมูลน่ะค่ะ จะเห็นว่า กรอก username ก็เช็ค กรอก email ก็เช็ค ถ้าผิดก็จะแจ้งทันทีอ่ะค่ะ ช่วยยกตัวอย่างโค้ดตรงนี้หน่อยได้มั้ยคะ
11 ธ.ค. 2553 6 1,497

คลิกที่ Form ในกรอบ Category ขวามือครับ มีเพียบเลย
#1

include gajax จากไหนคะ งงค่ะ
#2


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">



<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>

<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>



 </HEAD>



 <BODY>

    <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>

 </BODY>

</HTML>








นี่เป็นหน้า 1.html ที่ดิฉันทำตามบทความนี้ ตรวจสอบฟอร์มขณะพิมพ์ด้วย GAJAX  น่ะค่ะ แล้วมันไม่มีปฏิกริยาค่ะ เด้งไปหน้า newregister.php ลูกเดียว ไม่ทราบว่าดิฉันพลาดสวนไหนไปคะ ช่วยตอบหน่อยค่ะ
#3


ใครก็ได้ ช่วยตอบดิฉันทีค่ะ ดิฉันก็อยากจะ include gajax แต่ไม่ทราบว่าจะเอามาจากตรงไหนค่ะ เจ้าของเว็บไซต์น่าจะเขียนหนังสือ ajax นะคะ ดิฉันจะซื้อคนแรกเลย


#4

<script type="text/javascript" src="path/to/gajax.js"></script>



ใส่ไว้ภายใน tag <head></head> ของหน้าที่จะเรียกใช้ GAjax เหมือน Javascript ทั่วไปครับ



gajax.js สามารถดาวน์โหลดได้โดยตรงจากบนเว็บเลยครับ (เวอร์ชั่นล่าสุด)



http://www.goragod.com/js/gajax.js



รายละเอียดต่างๆ หาอ่านได้บนเว็บครับ ผมยังไม่ค่อยมีเวลาเขียนบทความนักครับ ถ้ามีโอกาศผมจะทยอยเขียนให้ เนื่องจาก มีหลายเรื่องที่ต้องทำครับ



ปล. ไม่ต้องหาหนังสือ เพราะคงไม่มีแน่ เนื่องจากไม่มีเวลาจริงๆ ครับ สิ่งที่ต้องการรู้ สามารถหาได้บนเว็บนี้เท่านั้นครับ
#5


ขอบคูณมากค่ะ


#6
ความคิดเห็น
ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 1024
^