input框输入价格数值,只能是数字并且保持小数点后两位

1,504 阅读1分钟

需求和上一篇输入银行卡号是一个页面,这个就相对来说简单了好多,但是也在此做个总结吧,一旦下次再用的话,就直接拿来使用,岂不美哉。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>input框输入价格数值,只能是数字并且保持小数点后两位</title>
    <script src="http://j2.58cdn.com.cn/js/jquery-1.8.3.js"></script>
</head>
<body>
    <label>价格:</label>
    <input type="text" id="price-val" />元
    <script>
        $(function() {
            $('#price-val').on('input propertychange', function(e) {
             $(this).val(e.target.value.match(/\d+(\.\d{0,2})?/) ? e.target.value.match(/\d+(\.\d{0,2})?/)?/)[0]:'')
            })
        })
    </script>
</body>
</html>

仅作为个人总结,如有不对,望指正!