當前位置：
首頁 >
限制文本框只能输入数字和小数点
發布時間：2023/12/13
40
豆豆
生活随笔
收集整理的這篇文章主要介紹了
限制文本框只能输入数字和小数点
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<input type="text" class="NumText" placeholder="只能輸入數字（可含有小數點）"/>
<style>
.NumText{width:200px;}
.NumText::-webkit-input-placeholder{color:#F1923C;}
.NumText:-moz-placeholder{color:#F1923C;}
.NumText:-ms-input-placeholder{color:#F1923C;}
</style>
<script>
$(function(){
$(".NumText").keyup(function(){
$(this).val($(this).val().replace(/[^0-9.]/g,''));
}).bind("paste",function(){ //CTR+V事件處理
$(this).val($(this).val().replace(/[^0-9.]/g,''));
}).css("ime-mode", "disabled"); //CSS設置輸入法不可用
});
</script>
<style>
.NumText{width:200px;}
.NumText::-webkit-input-placeholder{color:#F1923C;}
.NumText:-moz-placeholder{color:#F1923C;}
.NumText:-ms-input-placeholder{color:#F1923C;}
</style>
<script>
$(function(){
$(".NumText").keyup(function(){
$(this).val($(this).val().replace(/[^0-9.]/g,''));
}).bind("paste",function(){ //CTR+V事件處理
$(this).val($(this).val().replace(/[^0-9.]/g,''));
}).css("ime-mode", "disabled"); //CSS設置輸入法不可用
});
</script>
轉載于:https://www.cnblogs.com/ishuanghe/p/5110888.html
總結
以上是生活随笔為你收集整理的限制文本框只能输入数字和小数点的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 微信还信用卡成功银行没恢复额度会逾期吗？
- 下一篇： 学习笔记（三）