ป้ายกำกับ Form

การเลื่อนเคอร์เซอร์ไปยัง input ตัวถัดไป เมื่อกด Enter
การเลื่อนเคอร์เซอร์ไปยัง input ตัวถัดไป เมื่อกด Enter

02 พ.ย. 2553 0 15,838

มีคำถามจากบอร์ดถึงการเลื่อนเคอร์เซอร์ไปยัง input ตัวถัดไปเมื่อกด Enter (Cross Browser) ซึ่งโดยปกติแล้ว เรามักใช้การกด TAb เพื่อเลื่อนไปยังตัวถัดไป ..

การร้องขอข้อมูลจากการเลือก checkbox ด้วย AJAX (แบบที่ 2)
การร้องขอข้อมูลจากการเลือก checkbox ด้วย AJAX (แบบที่ 2)

10 ก.ย. 2553 0 17,320

ในแบบ แรกการร้องขอข้อมูลจะเกิดขึ้นเมื่อเรา submit เท่านั้น ซึ่งในตัวอย่างนั้นเกิดจากการใช้ GForm แต่ในตัวอย่างนี้ ผมได้เปลี่ยนมาใช้ GAjax แทน ซืีงก..

การร้องขอข้อมูลจากการเลือก checkbox ด้วย AJAX (แบบที่ 1)
การร้องขอข้อมูลจากการเลือก checkbox ด้วย AJAX (แบบที่ 1)

10 ก.ย. 2553 0 16,054

ตัวอย่างนี้้เป็นตัวอย่างการร้องขอข้อมูลจาก Server หลังจาก submit โดยใช้ GFrom ซึ่งข้อมูลที่ต้องการ สามารถเลือกได้โดยใช้ checkbox ทำการเลือก และเมื่..

กรอกฟอร์มขณะพิมพ์ด้วย Ajax (ตอนที่ 1)
กรอกฟอร์มขณะพิมพ์ด้วย Ajax (ตอนที่ 1)

10 ก.ย. 2553 0 16,194

มีคำถามจากบอร์ดถึงการค้นหาข้อมูลขณะพิมพ์ และนำข้อมูลที่ค้นหาเจอ(ข้อมูลอื่นๆที่เกี่ยวข้องกัน)มากรอกในฟอร์มอัตโนมัติ ด้วยการใช้ Ajax ตัวอย่างนี้ผมใช้..

นำข้อมูลจาก select มาใส่ input เมื่อเลือก
นำข้อมูลจาก select มาใส่ input เมื่อเลือก

07 ก.ย. 2553 0 8,908

มีคำถามจากบอร์ดถึงการนำค่าจาก select ไปใส่ยัง input เมื่อทำการเลือก select ซึ่งหลักการก็ไม่มีอะไรมากครับ เมื่อมีการเลือก select จะเกิด event onchan..

การตรวจสอบความผิดพลาดในการกรอกค่าและการเตือนด้วย GAJAX
การตรวจสอบความผิดพลาดในการกรอกค่าและการเตือนด้วย GAJAX

25 ส.ค. 2553 0 15,626

โดยปกติแล้วเรามักใช้การตรวจสอบความผิดพลาดในการกรอกข้อมูล ด้วย Javascript เช่นการตรวจสอบว่าได้ทำการกรอกข้อมูลในช่องที่ต้องการหรือไม่ ซึ่งมันก็เป็นวิ..

การ Submit ฟอร์ม แบบ Array ด้วย Ajax
การ Submit ฟอร์ม แบบ Array ด้วย Ajax

15 พ.ย. 2552 0 18,914

ปัญหาการรับส่งข้อมูลด้วย Ajax ในรูปแบบ Array นี่ก็เป็นปัญหาโลกแตกอีกอันหนึ่ง ซึ่งจริงๆแล้วเราก็สามารถส่งได้ครับแต่ก็อาจจะยุ่งยากนิดนึง เนื่องจากฟังก์

การตรวจสอบฟอร์มก่อนส่งว่ามีการเลือก checkbox(Array) ไว้หรือเปล่า
การตรวจสอบฟอร์มก่อนส่งว่ามีการเลือก checkbox(Array) ไว้หรือเปล่า

24 ส.ค. 2552 0 18,083

ตัวอย่างการตรวจสอบฟอร์มด้วย Javascript ว่ามีการเลือก checkbox อย่างน้อย 1 ตัว ก่อนการ submit ถ้าไม่มีการเลือกใดๆเลยให้ทำการแจ้งเตือนก่อน

การส่งข้อมูลไปตรวจสอบกับฐานข้อมูลขณะพิมพ์ด้วย GAJAX
การส่งข้อมูลไปตรวจสอบกับฐานข้อมูลขณะพิมพ์ด้วย GAJAX

29 ก.ค. 2552 0 15,841

โค้ดนี้ถูกถามถึงกันมากครับ ซึ่งตัวอย่างการใช้งานที่ถามกันบ่อยๆ คือ การตรวจสอบว่ามีชื่อนี้ลงทะเบียนไว้แล้วหรือไม่ ในขณะกรอก ซึ่ง GAJAX ได้ช่วยให้การทำ

การตรวจสอบการกรอกค่าตัวเลขเกินกำหนด
การตรวจสอบการกรอกค่าตัวเลขเกินกำหนด

24 ก.ค. 2552 0 22,870

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

ตรวจสอบฟอร์มขณะพิมพ์ด้วย GAJAX
ตรวจสอบฟอร์มขณะพิมพ์ด้วย GAJAX

28 มิ.ย. 2552 0 14,349

มีคำถามเกียวกับฟอร์มมาพอสมควรโดยเฉพาะ การตรวจสอบฟอร์ม ขณะพิมพ์ ตัวอย่างนี้เป็นการตรวจสอบโดยใช้ GAJAX ครับ ซึ่งจะช่วยให้การออกแบบง่ายขึ้น ข้อสังเกตุคื

ปิดการทำงาน Auto Fill ของฟอร์ม
ปิดการทำงาน Auto Fill ของฟอร์ม

22 มิ.ย. 2552 0 10,593

เคยรำคาญกันมั้ยครับ บางครั้งเราไม่ต้องการให้ฟอร์มมันจำค่าที่เรากรอกไว้ ถึงแม้บางครั้งเราจะปิด Cookie ไปแล้ว ระบบ Auto Fill ก็ยังตามมาหลอกหลอนเราอยู่ด

mutiples upload ทำงานบน firefox แต่ไม่ทำงานบน ie
mutiples upload ทำงานบน firefox แต่ไม่ทำงานบน ie

14 มิ.ย. 2552 0 6,888

มีคำถามผ่านมาทาง MSN ผมเห็นว่าน่าสนใจดี ก็เลยเอามาตอบบนบอร์ดแทน เพราะเห็นว่าเป็นกรณีศึกษาได้ดีทีเดียว น้องเขาอธิบายว่า โค้ดด้านล่างนี้ เป็น mutiples

การดักอีเวนต์ onsubmit ของฟอร์ม เมื่อ submit ฟอร์มด้วย Javascrip
การดักอีเวนต์ onsubmit ของฟอร์ม เมื่อ submit ฟอร์มด้วย Javascrip

10 มิ.ย. 2552 0 30,635

เคยพบปัญหาว่า เราไม่สามารถ ตรวจสอบฟอร์มก่อนส่ง เมื่อเราใช้ Javascript ทำการซับมิตฟอร์มด้วย form.submit() หรือไม่ ถ้าไม่เข้าใจ ดูตัวอย่างเลย จากโค้ดด

เทคนิคการรับค่าจาก Input ชนิด Array
เทคนิคการรับค่าจาก Input ชนิด Array

29 ม.ค. 2552 0 27,170

ช่วงนี้เขียนเรื่องฟอร์ม และ Input แบบ Array ติดๆกันหลายเรื่องเลย อันเนื่องมาจากมีหลายคำถาม ถามกันมาพอสมควร ปกติแล้ว ตอนสร้าฟอร์มแบบ Array คงไม่งงกันเ

เทคนิคการใช้งาน element แบบ Array
เทคนิคการใช้งาน element แบบ Array

25 ม.ค. 2552 0 7,570

ผมเคยพูดถึงการใช้งาน Input ภายในฟอร์ม มาแล้ว แต่ก็ยังคงมีปัญหามาถามกันไม่หยุดหย่อน ผมก็เลยลองเอาส่วนที่มักเข้าใจผิดกันมาเขียนให้ดูในบทความนี้อีกที ลั

คำนวณค่าที่เลือกโดย checkbox
คำนวณค่าที่เลือกโดย checkbox

06 พ.ย. 2551 0 16,522

มีคำถามจากบอร์ดเกี่ยวกับการคำนวณค่าโดยการเลือกจาก checkbox ผมเลยเอามาตอบบน how to แทน เผื่อมีคนสนใจ แบบแรก ผมว่าแบบนี้เป็นแบบทั่วๆไป คำนวณและแสดงผลภ

การตรวจสอบการอัปโหลดครั้งละหลายๆไฟล์
การตรวจสอบการอัปโหลดครั้งละหลายๆไฟล์

06 พ.ย. 2551 0 7,995

โค้ดนี้จะรวมเอาการตรวจสอบชนิดของไฟล์อัปโหลด และตัวอย่างการอัปโหลด ไว้ด้วยกัน โดยการใช้ input ชนิด file ในแบบ แอเรย์ ส่วนแรกเป็นฟอร์ทสำหรับอัปโหลดครับ

การส่งค่าด้วย Ajax จาก input แบบ Array
การส่งค่าด้วย Ajax จาก input แบบ Array

06 พ.ย. 2551 0 19,382

ตัวอย่าง การรับส่งค่าจากฟอร์ม ที่มี input ในแบบ Array ด้วย Ajax โดยเมื่อทำการ Submit ฟอร์ม จะทำการเรียก ฟังก์ชั่น doAjaxSubmit เพื่อทำการส่งค่าด้วย

^