A-AA+then

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

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

6 ความคิดเห็น

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