屏蔽掉除数字、小数点以外的字符，且只能输入一个小数点

最新推荐文章于 2023-08-11 14:07:47 发布

原创最新推荐文章于 2023-08-11 14:07:47 发布 · 752 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JS

软件类专栏收录该内容

99 篇文章

订阅专栏

本文介绍了一种JavaScript实现的数字输入验证方法，确保用户只能输入数字和最多一个小数点，有效防止了字符类型的非法输入。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2015-11-19 11:38:52

存在问题：
输入时对数字类型没有限制，导致金额等可以输入字符型

解决方案：

<script language="javascript" type="text/javascript">
        function NumberCheck(objTextBox)//屏蔽掉除数字、小数点以外的字符，且只能输入一个小数点
        {
            if(((event.keyCode>=48)&&(event.keyCode <=57))||(event.keyCode==46)) 
            {
                event.returnValue=true;

                var strValue=objTextBox.value;
                var arrValue= new Array();
                arrValue=strValue.split(".");                 
                if(arrValue.length==2 && event.keyCode==46)
                {
                    event.returnValue=false;
                }
            } 
            else
                event.returnValue=false;
        }

        function OneCheck(objTextBox)//屏蔽第一个字符输入小数点的情况
        {
            var strValue=objTextBox.value;
            strValue=strValue.substring(0,1)
            if(strValue==".")
                objTextBox.value="";
        }

        function MXCheck()  
        {
            if(((event.keyCode>=48)&&(event.keyCode <=57))||(event.keyCode==46)) 
            {
                event.returnValue=true;
            } 
            else
                event.returnValue=false;
        }
</script>
配合<asp:TextBox ID="txtCKSL" runat="server"  OnKeyPress="NumberCheck(this)"></asp:TextBox>