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

[Patipat]

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

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

Selection_999(019).png (48.28 KiB) Viewed 1347 times

แล้วทำการ แตกไฟล์ นำไปไว้ในโฟลเดอร์ของโปรเจคเรา

Selection_999(020).png (3.78 KiB) Viewed 1342 times

ต่อมาให้ เรียก 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 (1.68 KiB) Viewed 1347 times

อ้างอิงข้อมูล : https://www.customd.com/articles/14/jquery-number-format-redux