这次在开发过程中 被一个火狐和google浏览器兼容性的问题 给搞的头昏脑涨;
小数点 火狐的正则校验可能不支持,jquery的keyup事件输入里面就消失了
还有就是 特殊字符 非数字输入不合法 就应该输入消失
默认保留两位小数,有多个小数点输入也只保留第二个小数点之前的数据
不支持负数
找了很久终于找到了符合要求 的方法
校验如下:
vm界面:
<input id="orderSettleAdjustmentList{{idx}}_amount" name="orderSettleAdjustmentList[{{idx}}].amount" value="{{row.amount}}" maxlength="15" class="input-small" οnblur="b=this.value;this.value=blurAmount(b);" οnkeyup="c = this.value;this.value=keyupAmount(this.value);" οnfοcus="b=this.value; this.value=focusAmount(b);"/>
JS如下:
function focusAmount(value){ // console.log("focus0:"+value); if (value == '0.00') { value = ''; } else { value = value.replace(/\.00/, '').replace(/(\.\d)0/,'$1'); } precapital = value; // console.log("focus1:"+value); return value; } function keyupAmount(value) { value = value.replace(/^[\.]/, '').replace(/[^\d.]/g, ''); if (value.split(".").length - 1 > 1) { value = value.split(".")[0]+'.'+value.split(".")[1]; } return value; } function blurAmount(value) { // console.log("blur0:"+value); value =value.replace(/[\.]$/, ''); value = value.replace(/(.*)\.([\d]{2})(\d*)/g,'$1.$2'); value = Number(value).toFixed(2); // console.log("blur:"+value); return value; }
这个js是借鉴的其他地方的忘记网址了,改改成这样了 ,原理雷同