千家信息网

html中如何实现文本框只能输入数字

发表于:2025-01-21 作者:千家信息网编辑
千家信息网最后更新 2025年01月21日,小编给大家分享一下html中如何实现文本框只能输入数字,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!1、直接在文本域中写入onkeypress="if (event.keyCode
千家信息网最后更新 2025年01月21日html中如何实现文本框只能输入数字

小编给大家分享一下html中如何实现文本框只能输入数字,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

1、直接在文本域中写入onkeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;"
2、另外写函数

3、以上两种形式不能防止中文的输入,防止中文可以采用如下的形式

    function fun_submit(){                    var strname = document.all.fundsname.value;                    var strunit = document.all.fundsunit.value;                    var strmoney = document.all.fundsmoney.value;                    if(strname.length<=0||strunit.length<=0||strmoney.length<=0){                            alert("信息输入不完整");                              return;                    }                    var re = /^[0-9]+.?[0-9]*$/;   //判断字符串是否为数字     //判断正整数 /^[1-9]+[0-9]*]*$/                     if(!re.test(strmoney)){                            alert("请输入数字");                              return;                    }else if(strmoney<=0){                            alert("请输入大于0的数字");                              return;                    }                    document.forms[0].action="servlet/AddFundsServlet";                     document.forms[0].submit();    }

看完了这篇文章,相信你对"html中如何实现文本框只能输入数字"有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

0