อยากทำหน้าสมัครสมาชิกเหมือนหน้านี้ค่ะ HomeForumอยากทำหน้าสมัครสมาชิกเหมือนหน้านี้ค่ะ jijanoi@hotmail.com ไม่ทราบว่า การสมัครสมาชิกในเว็บนี้ ใช้เทคนิค ajax รึเปล่าค่ะ คือ อยากทราบ code ตอนที่ เช็ค ข้อมูลน่ะค่ะ จะเห็นว่า กรอก username ก็เช็ค กรอก email ก็เช็ค ถ้าผิดก็จะแจ้งทันทีอ่ะค่ะ ช่วยยกตัวอย่างโค้ดตรงนี้หน่อยได้มั้ยคะ กรกฎ วิริยะ คลิกที่ Form ในกรอบ Category ขวามือครับ มีเพียบเลย jijanoi@hotmail.com include gajax จากไหนคะ งงค่ะ jijanoi@hotmail.com <!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"> </span></p> <p><label for="register_email">อีเมล์ :</label><input type="text" name="register_email" id="register_email" size="40" /><span class="result" id="resultEmail"> </span></p> <p><input type="submit" name="register_submit" id="register_submit" class="button" value="สมัครสมาชิก" /></p> </form> </BODY> </HTML> นี่เป็นหน้า 1.html ที่ดิฉันทำตามบทความนี้ ตรวจสอบฟอร์มขณะพิมพ์ด้วย GAJAX น่ะค่ะ แล้วมันไม่มีปฏิกริยาค่ะ เด้งไปหน้า newregister.php ลูกเดียว ไม่ทราบว่าดิฉันพลาดสวนไหนไปคะ ช่วยตอบหน่อยค่ะ jijanoi@hotmail.com ใครก็ได้ ช่วยตอบดิฉันทีค่ะ ดิฉันก็อยากจะ include gajax แต่ไม่ทราบว่าจะเอามาจากตรงไหนค่ะ เจ้าของเว็บไซต์น่าจะเขียนหนังสือ ajax นะคะ ดิฉันจะซื้อคนแรกเลย กรกฎ วิริยะ <script type="text/javascript" src="path/to/gajax.js"></script> ใส่ไว้ภายใน tag <head></head> ของหน้าที่จะเรียกใช้ GAjax เหมือน Javascript ทั่วไปครับ gajax.js สามารถดาวน์โหลดได้โดยตรงจากบนเว็บเลยครับ (เวอร์ชั่นล่าสุด) http://www.goragod.com/js/gajax.js รายละเอียดต่างๆ หาอ่านได้บนเว็บครับ ผมยังไม่ค่อยมีเวลาเขียนบทความนักครับ ถ้ามีโอกาศผมจะทยอยเขียนให้ เนื่องจาก มีหลายเรื่องที่ต้องทำครับ ปล. ไม่ต้องหาหนังสือ เพราะคงไม่มีแน่ เนื่องจากไม่มีเวลาจริงๆ ครับ สิ่งที่ต้องการรู้ สามารถหาได้บนเว็บนี้เท่านั้นครับ jijanoi@hotmail.com ขอบคูณมากค่ะ ความคิดเห็น รายละเอียด ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 2M ส่งความคิดเห็น
<!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"> </span></p>
<p><label for="register_email">อีเมล์ :</label><input type="text" name="register_email" id="register_email" size="40" /><span class="result" id="resultEmail"> </span></p>
<p><input type="submit" name="register_submit" id="register_submit" class="button" value="สมัครสมาชิก" /></p>
</form>
</BODY>
</HTML>
นี่เป็นหน้า 1.html ที่ดิฉันทำตามบทความนี้ ตรวจสอบฟอร์มขณะพิมพ์ด้วย GAJAX น่ะค่ะ แล้วมันไม่มีปฏิกริยาค่ะ เด้งไปหน้า newregister.php ลูกเดียว ไม่ทราบว่าดิฉันพลาดสวนไหนไปคะ ช่วยตอบหน่อยค่ะ
ใครก็ได้ ช่วยตอบดิฉันทีค่ะ ดิฉันก็อยากจะ include gajax แต่ไม่ทราบว่าจะเอามาจากตรงไหนค่ะ เจ้าของเว็บไซต์น่าจะเขียนหนังสือ ajax นะคะ ดิฉันจะซื้อคนแรกเลย
ใส่ไว้ภายใน tag <head></head> ของหน้าที่จะเรียกใช้ GAjax เหมือน Javascript ทั่วไปครับ
gajax.js สามารถดาวน์โหลดได้โดยตรงจากบนเว็บเลยครับ (เวอร์ชั่นล่าสุด)
http://www.goragod.com/js/gajax.js
รายละเอียดต่างๆ หาอ่านได้บนเว็บครับ ผมยังไม่ค่อยมีเวลาเขียนบทความนักครับ ถ้ามีโอกาศผมจะทยอยเขียนให้ เนื่องจาก มีหลายเรื่องที่ต้องทำครับ
ปล. ไม่ต้องหาหนังสือ เพราะคงไม่มีแน่ เนื่องจากไม่มีเวลาจริงๆ ครับ สิ่งที่ต้องการรู้ สามารถหาได้บนเว็บนี้เท่านั้นครับ
ขอบคูณมากค่ะ