<input type="number" id="txtNumber" placeholder="0.00"> <script src="jQuery1.10.1.js"></script> <script> $(function(){ $('#txtNumber').blur(function(){ var Number=$(this).val().split("."); if(isNaN(Number[0])){ alert("กรุณากรอกตัวเลขเท่านั้น"); }else if(isNaN(Number[1])){ alert("กรุณากรอกตัวเลขเท่านั้น"); }else if(Number[1].length > 2){ alert("ทศนิยม 2 ตำแหน่งเท่านั้น"); } }); }); </script>
<html> <head> <title></title> <script src="../../Scripts/jquery-1.8.2.min.js" type="text/javascript"></script> <script type="text/javascript"> function numberOnly(obj) { if (window.event.keyCode) { var keyCode = event.keyCode; if (obj.value.indexOf('.') != -1 && keyCode == 46) { return false; } if (keyCode >= 48 && keyCode <= 57 || keyCode == 8 || keyCode == 46 || keyCode == 16 || keyCode == 9 || keyCode == 37) { return true; } return false; } } $(function () { $('#txtNumber').blur(function () { var Number = $(this).val().split("."); if (isNaN(Number[0])) { $("span.DisplayAlert").html("กรุณากรอกตัวเลขเท่านั้น"); } else if (isNaN(Number[1])) { //alert("กรุณากรอกตัวเลขเท่านั้น"); $("span.DisplayAlert").html("กรุณากรอกตัวเลขเท่านั้น"); } else if (Number[1].length != 2) { $("span.DisplayAlert").html("ทศนิยม 2 ตำแหน่งเท่านั้น"); } else { $("span.DisplayAlert").html(""); } }); }); </script> </head> <body> ป้อนจำนวนเงิน : <input id="txtNumber" type="text" onkeypress="return numberOnly(this)" /> <span class="DisplayAlert" style="color: red; font-weight:bold;"></span> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง