A-AA+then

การตรวจสอบ form โดยไม่ต้อง submit

2,254

อยากทราบวิธีการตรวจสอบ form โดยที่เราไม่ต้องกดปุ่ม submit นะคะ
โดยใช้แค่ javascript ไม่ใช้ ajax นะคะ คือดูจากหลายๆเว็ปที่แนะนำมายังงงอยู่คะ
อยากให้ช่วยอธิบายให้ทีนะคะ

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

ใช้ button ก้ได้ครับ
อย่างถ้าใช้ function ของ javascript ที่ชื่อ check() ก็ตามนี้

<input type="button" name="check_nutton" onClick="return check()">

ไม่ได้ใช้นานละ น่าจะประมาณนี้
1

คืออะไร ?

ถ้าการตรวจฟอร์มขณะพิมพ์ ก็ดักเอาจาก event onkeypress ก็ได้

ตัวอย่างขณะนี้มีแต่ โค้ด Sticker Vote
2

ขอบคุณสำหรับคำแนะนำคะ
คือตั้งคำถามผิดไป จริงๆคือ อยากให้อธิบายการเขียน validate form โดย  prototype นะคะ
ซึ่งมันทำงานเช่นเดียวกับ ajax เพียงแต่ว่าไม่ใช้ javascript นะคะ
ตอนแรกเข้าใจว่าใช้

ตัวอย่างที่เข้าไปดูมานะคะ view source ดูแล้วก็ยังงงอยู่ เลยอยากให้ช่วยอธิบายให้ทีนะคะ
http://tetlaw.id.au/upload/pages/really-easy-field-validation/
3

555+++

คงจะอธิบายกันยาวแหละครับ ไม่รู็จะอธิบายยังไงสั้นๆให้ได้เข้าใจ

ถ้าคิดจะใช้ prototype ให้เข้าใจ ก็ต้องเริ่มศึกษาคู่มือของ prototype ให้เข้าใจกันก่อนถึงจะใช้มันได้ ไม่งั้นดูไปก็ไม่รู้เรื่อง ดัดแปลงก็ไม่เป็น

หลักการของการ validate ฟอร์ม ก็คือการตรวจจับการกดคีย์บอร์ด แล้ว เอาค่าไปตรวจสอบ ด้วย Javascript เท่านั้น ถ้าทำไปตามหลักการพื้นฐาน และ ไม่มีเวลาศึกษา prototype หรือ ขี้เกียจศึกษา ก็เขียนมันแบบ ธรรมดา เลยก็ได้ครับ  ง่ายกว่ากันเยอะ

จริงๆแล้ว ถ้าอยากเข้าใจมันจริงๆ ก็ควรเริ่มเขียนตั้งแต่พื้นฐานตามปกติ เมื่อเข้าใจดีแล้ว เราจะใช้ prototype ได้ง่ายขึ้นครับ

ปล. สำหรับผม ผมไม่ได้ใช้ prototype เลยครับ ผมใช้ GAJAX กับเว็บผมล้วนๆ
4

แล้วการใช้ prototype กับ ajax อันไหนดีกว่ากันคะ และแต่ละแบบเหมาะกับงานแบบไหน

เพราะคิดว่าบางครั้งไม่จำเป็นต้องเรียกใช้ ajax ซึ่งถ้าเราใช้ prototype น่าจะช่วยลดภการทำงานของ server ใช่หรือป่าว อันนี้เข้าใจถูกต้องหรือป่าวคะ เหอๆ แต่ก็ขอขอบคุณคะ เดี๋ยวจะลองไปศึกษาดูเพราะคิดว่ามันก็น่าจะมีประโยชน์พอสมควร

5

555+++

คงสับสนกันระหว่าง ajax กับ prototype นะ

ajax ก็คือ javascript และ prototype มันก็ javascript นั่นแหละ และ ajax ก็เป็นคุณสมบัติหนึ่งของ prototype ด้วยเช่นกัน ทั้งหมดที่กล่าวมาคือ อย่างเดียวกัน

prototype เป็น Javascript Framework ต้องไปดูคำจำกัดความของมันอีกที ว่ามันหมายถึงอะไร

Javascript Framework คือ libraly ที่ได้รวบรวมเอา คำสั่งของ Javascript หรือ เพิ่มเติมคำสั่งของ Javascript ที่ปกติ เป็นเรื่องยุ่งยากที่จะเขียน หรือ เป็น libraly ที่ช่วยให้ใช้งาน Javascript ได้ง่ายขึ้น

Javascript Framework มีอยู่หลาย ยี่ห้อ ครับ แต่ละอันก็อาจมีคุณสมบัติ และวิธีใช้งานแตกต่างกันไป ตามแต่ผู้ออกแบบครับ prototype เป็นหนึ่งใน Framework ที่ได้รับความนิยมสูงสุดครับ
6

อ่อพอจะเข้าใจบ้างแล้วคะ แสดงว่า javascript เนี่ยก็มีลูกเล่นเยอะมากเลย พอดีว่าเพิ่งจะเริ่มเขียน javascipt แบบจริงๆจังๆเลยยังงงอยู่นะคะ ยังไงก็ขอขอบคุณนะคะ ถ้าเกิดสงสัยยังไงจะรบกวนมาถามใหม่นะคะ

 

7

Javascript คือ สคิป
Ajax  คือ แนวทางการเขียน สคิป แบบใหม่(ไม่มากแล้ว)

ที่นี้ ถ้าเราต้องมาเขียนอะไร ที่มันซ้ำๆ บ่อย มันก็เบื่อ หรือไม่สะดวก อีก อย่าง ยากต่อการพัฒนาระบบใหญ่ๆ
ตั้งนั้น

จึงมีคน เขียนสิ่งที่ยุ่งๆ ยากๆ ให้มัน มัดรวมกัน เป็น Framework หรือ prototype หรือ คือ ต้นแบบนั้น เอง 


อย่าไปคิดมากปวดหัว ป่าวๆ 

จริงๆ หากผ่าน object มาก็คงไม่ปวดหัวเท่าไรนะ
 
8
^