实用技巧：用正则表达式控制价格输入

最新推荐文章于 2022-04-24 15:50:04 发布

皆普

最新推荐文章于 2022-04-24 15:50:04 发布

阅读量2.4k

点赞数

分类专栏： JavaScript技术文章标签：正则表达式 html function input

本文链接：https://blog.csdn.net/wj800/article/details/7015795

版权

JavaScript技术专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这是一个只允许输入数字，且最多两位小数的价格输入。使用键盘事件可以实现，但程序复杂，使用正则表达式可以轻松实现。以下是完整的源代码。

<!--
胡开明
用正则表达式控制价格输入
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>用正则表达式控制价格输入</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript">
            var record={
                num:""
            }
            var checkDecimal=function(n){
                var decimalReg=/^\d{0,8}\.{0,1}(\d{1,2})?$/;//var decimalReg=/^[-\+]?\d{0,8}\.{0,1}(\d{1,2})?$/;
                if(n.value!=""&&decimalReg.test(n.value)){
                    record.num=n.value;
                }else{
                    if(n.value!=""){
                        n.value=record.num;
                    }
                }
            }
        </script>
    </head>
    <body>
        <h3>实用技巧：用正则表达式控制价格输入</h3>
        销售价<input maxlength="10" size="18" type="text" name="price" value="" οnkeyup='checkDecimal(this)'/>
    </body>
</html>

皆普

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
实用技巧：用正则表达式控制价格输入

这是一个只允许输入数字，且最多两位小数的价格输入。使用键盘事件可以实现，但程序复杂，使用正则表达式可以轻松实现。以下是完整的源代码。  用正则表达式控制价格输入 var record={ num:""
复制链接

扫一扫

专栏目录