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

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

คลิกที่ 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
^