การใช้ Script กรอกข้อมูลตัวเลขจำนวนแล้วให้ขึ้นคอมม่า(,)ภาษา PHP

Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
Patipat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 761
ลงทะเบียนเมื่อ: 10/06/2019 10:12 am

การใช้ Script กรอกข้อมูลตัวเลขจำนวนแล้วให้ขึ้นคอมม่า(,)ภาษา PHP

โพสต์โดย Patipat » 24/06/2019 4:52 pm

ในการกรอกข้อมูลต่าง ๆ เราจะมีแบบฟอร์มให้เรากรอกและ บางอย่างก็เป็นข้อมูลตัวหนังสือ บางอย่างเป็นข้อมูลตัวเลขถ้ากรอกข้อมูลตัวหนังสือก็ไม่มีปัญหาเรื่อง การใส่คอมม่า แต่ข้อมูลตัวเลขเป็นจำนวนเงินเวลาเราใส่ คอมม่า จะทำให้เราอ่านและเข้าใจในตัวเลขง่ายกว่าเดิม เพราะ คอมม่า (,) จะแบ่งให้เราดูจำนวนเงินที่ง่ายขึ้น

ขั้นตอนแรก ให้เราโหลดไฟล์
ถ้าใช้ jQuery อยู่ ก็โหลด plugin มาใส่เพิ่มครับ
ใช้เป็นตัว jQuery Number Format ก็ได้ โหลดได้ที่ >>Jquery Number Format

Selection_999(019).png
Selection_999(019).png (48.28 KiB) เปิดดู 161 ครั้ง


แล้วทำการ แตกไฟล์ นำไปไว้ในโฟลเดอร์ของโปรเจคเรา
Selection_999(020).png
Selection_999(020).png (3.78 KiB) เปิดดู 156 ครั้ง



ต่อมาให้ เรียก Script มาใช้งาน

โค้ด: เลือกทั้งหมด

<script src="jquerynum/jquery.number.js"></script>
<script type="text/javascript">
         
         $(function(){
            // Set up the number formatting.
            $('#price').number( true, 2 );
            
            
            // Get the value of the number for the demo.
            $('#get_number').on('click',function(){
               
               var val = $('#price').val();
               
               $('#number_container').slideDown('fast');
               $('#the_number').text( val !== '' ? val : '(empty)' );
            });
         });
      </script>


ส่วนนี้จะเป็นส่วนฟอร์มกรอกข้อมูลตัวเลข

โค้ด: เลือกทั้งหมด

<input type="text" id="price" name="number" />



ผลลัพธ์ก็จะได้
Selection_999(021).png
Selection_999(021).png (1.68 KiB) เปิดดู 161 ครั้ง



อ้างอิงข้อมูล : https://www.customd.com/articles/14/jquery-number-format-redux
If you fall, let you stand. :)

  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 4 และ บุคคลทั่วไป 0 ท่าน