TextField รับค่าที่กรอกเป็นตัวอักษรพิมพ์ใหญ่เสมอ


สร้างฟังก์ชั่น สำหรับแปลงครับ

<script language="javascript">

function strauto(){

 var text = document.getElementById('textfield_ป้อนข้อมูล').value;  

 var str = new String ( text );

 var str = str.toUpperCase();

    document.getElementById('textfield_ที่รับข้อมูลหลังจากแปลง').value = str; 

}

</script>




เรียกใช้ก็ เพิ่ม  onkeyup="strauto()" ลงใน textfield ที่ต้องการครับ

<input name="textfield" type="text" id="textfield" onkeyup="strauto()" />



ขออภัยอีกทีครับ ที่ไม่ได้มาเฉลย พอดี งานมันเร่งจริงๆ cheeky


02 ก.ย. 2553 10 6,097


โอเคครับ ทำได้แล้วครับ cheeky


#1

อานะ อุตส่ามาบอกว่าทำได้แล้ว แต่ไม่ยอม เฉลย...
#2

นั่นสิ เจอทุกที่ เวลาเจอคำตอบทำไมไม่ค่อยมีคนโพสท์ว่าทำได้ยังไง ฮ่าๆ

#3

จริงด้วย.......

รอเฉลยอีกคน
#4


เฉลยให้แล้วนะครับ ไม่โกรธกันน้า cheeky


#5

laugh 555+++



เพื่อส่วนรวม



ขอบคุณครับ
#6

อ่อ เพื่อส่วนรวมด้วยคน  css ช่วยคุณได้



<style type="text/css">


#textfield{ text-transform:uppercase;}


</style>

#7



อ้างอิงจาก ความคิดเห็น #7อ่อ เพื่อส่วนรวมด้วยคน  css ช่วยคุณได้



<style type="text/css">


#textfield{ text-transform:uppercase;}


</style>



ข้อเสียสำหรับวิธีนี้ คือ ค่าที่ POST หรือ  อ่านได้จาก input ไม่ได้เป็นตัวพิมพ์ใหญ่จริงๆ ครับ แต่ก็สามารถแก้ไขได้โดยการแปลงเป็นตัวพิมพ์ใหญ่ หลังจากโพสต์แล้ว ที่ PHP

ส่วนข้อดีของมันก็คือ มันไม่ต้องพึ่ง Javascript ครับ ถึงแม้จะปิด Javascript ไปแล้ว การ submit ก็ยังสามารถทำงานได้ตามปกติ



คำแนะนำ หากต้องการผลลัพท์ที่เป็นตัวพิมพ์ใหญ่จริงๆ การแปลงเป็นตัวพิมพ์ใหญ่ หลังจาก Submit ด้วย PHP เป็นสิ่งที่จำเป็น และ ผมแนะนำให้ใช้ วิธีที่ 2 สำหรับกรณีนี้ ครับ



โชคดีนะครับ ที่มีสมาชิกโพสต์ให้เห็นวิธีที่แตกต่างกันถึง 2 วิธี ซึ่งแน่นอน แต่ละวิธีจะมีข้อดีข้อด้อยแตกต่างกัน และหนึ่งในความคิดเห็นนั้นๆ อาจมีวิธีที่ดีที่สุดก็ได้

#8

แล้วแต่ชอบ+เหมาะกับงานนั้นๆด้วย :D



สำหรับผมแล้ว javascript มันให้ความรู้สึกทื่อๆไปหน่อย บางทีมันไม่ได้เห็นทันทีถ้าคอมฯช้าๆหน่อย javascript ทำงานไม่ทัน user อาจได้เห็นภาพก่อนผลอย่างไม่น่าเห็นก็ได้ อิอิ



ขอบคุณสำหรับสองวิธีเลยครับ เจ๋งดีๆ :)

#9

เก็บเธอไว้ทั้งสองคน คนหนึ่งเนียยน ส่วนอีกคนก็เป็นการเป็นงาน



  <input type="text" name="textfield" id="textfield" style="text-transform:uppercase;" onkeyup="this.value=this.value.toUpperCase();"  />
#10
ความคิดเห็น
ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 1024
^