ใช้ jQuery เพื่อแก้ปัญหา W3C

W3C นับวันยิ่งเข้มงวด เข้มข้นขึ้น ทุกที ไอ้นู่นก็ไม่ได้ ไอ้นี่ก็ validate ไม่ผ่าน ทำเอาทั้ง designer และ programmer ปั่นป่วน รวนเรเสียขบวน ต้องมาตามล้างตามเช็ด code แก้ไขกันให้วุ่น ทีนี้เราจะมาลองใช้ jQuery ในการแก้ปัญหา Tags หรือ Attributes ที่ไม่ support แต่เราจำเป็นต้องใช้กันดีกว่า

Attribute: target=”_blank”
attr นี้ w3c ไม่ให้ผ่านแล้วครับ ทีนี้ เราจะเอา jQuery เข้ามาแก้กัน แบบนี้

  1. <a href="xxx" class="external">xxxx</a>

แก้ด้วย jQuery

  1. $(‘.external’).attr(‘target’, ‘_blank’)


Attribute: autocomplete=”off”

attr นี้ก็ไม่ผ่าน w3c ครับ แต่บางทีเราจำเป็นต้องใช้ เช่นในช่อง username เราไม่อยากให้มันจำค่าเอาไว้

  1. <input type="text" name="username" class="forgotme" />

แก้ด้วย jQuery

  1. $(‘.forgotme’).attr(‘autocomplete’, ‘off’)

เห็นมั้ยแก้ไขง่ายนิดเดียวเอง ทีนี้เราจะไป validate ผ่าน W3C ก็จะผ่านได้อย่างไม่ยากเย็น เพราะว่า tag พวกนี้ถูก create on the fly จาก js ซึ่ง W3C ไม่สามารถอ่านเข้ามาถึงตรงนั้น

ต่อไปนี้ถ้า tag ไหนมีปัญหาก็ลองใช้วิธีการแก้ไขแบบนี้ดูนะครับ วันนี้พอแค่นี้ละ สวัสดี@

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

3 Comments »

 
  • chonla says:

    tag: น่าจะหมายถึง attribute มากกว่านะ

    ส่วน autocomplete เพิ่งเคยเห็นครับ ขอบคุณครับ

    ปกติผมเขียนไม่ค่อย validate หรอกครับ คนมันขี้เกียจ… ฮา

  • Tee++; says:

    ^
    ^
    ^
    เออ จริงด้วย ขอบคุณมากๆ 555+

  • deen says:

    เยี่ยมเลย แหล่มๆ

 

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>