前端input标签之输⼊框输⼊⾦额校验
html内容文本框
1.html的内容
// input标签
<input type="text" id="tmoney" name="tm"class="formsub"/>
2.js的内容
// 前提：引如jQuery包
$("#tmoney").on('input  propertychange',function(){
//确保输⼊的是数字
this.value =place(/[^\d\.]/g,'');
//确保第⼀个输⼊的是数字
this.value =place(/^\./g,'');
/
/确保不能输⼊两个⼩数点
this.value =place(/\.{2,}/g,'.');
//保证⼩数点只出现⼀次，⽽不能出现两次以上
this.value =place('.','$#$').replace(/\./g,'').replace('$#$','.');
//确保只能输⼊两位⼩数
this.value =place(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');
})
$("#tmoney").blur(function(){
//如果输⼊框为空，则替换为0.00
if(this.value ==""){
this.value ="0.00";
}
})
（1）以上JQuery限制输⼊内容是只能是带两位⼩数的⾦额
（2）可以同时绑定 propertychange 和 input 事件，这两个事件其实是⼀回事，只是不同的标准罢了。
（3）后⾯的 blur 事件主要是⽤于判断当输⼊框为空时⾃动填充0.00
3.更快捷的⽅式
// 该⽅法简单便捷，但不⽀持⼩数点的输⼊⾦额
<input id="tmoney"class="formsub" type="text" name="tm"  value="" onkeyup="this.value=place(/\D/g,'')" onafterpaste="this.value= place(/\D/g,'')"/>
1. 正则式验证将输⼊值为⾮数字的字符替换为空。
2. this.value 表⽰此输⼊框的值，/\D/g 为正则表达式，⽤来匹度配所有⾮数字字符包括⼩数点。
说明 ：本⽂为查阅收集所整理的内容，若有涉及到版权问题请联系处理。
1. propertychange 是IE浏览器专属的事件，只要当前对象的属性值发⽣改变就能触发该事件。
2. input 是标准的浏览器（W3C）事件，⼀般应⽤于input元素，当input元素的value发⽣变化就会触发，⽆论是键盘输⼊还是⿏标，或者
复制粘贴的值都能及时监听到变化。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。