首页前端开发HTML限制html文本框input只能输入数字和小数点

限制html文本框input只能输入数字和小数点

时间2024-01-26 20:54:03发布访客分类HTML浏览635
导读:收集整理的这篇文章主要介绍了限制html文本框input只能输入数字和小数点,觉得挺不错的,现在分享给大家,也给大家做个参考。 代码:<input tyPE="text" class="txt" name="qty" val...
收集整理的这篇文章主要介绍了限制html文本框input只能输入数字和小数点,觉得挺不错的,现在分享给大家,也给大家做个参考。

代码:

input tyPE="text" class="txt" name="qty" value="" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,'')" />
    

PS:js实现只能输入数字和小数点的文本框

htML>
    head>
    meta http-equiv="content-type" content="text/html;
    charset=gb2312">
    tITle>
    js 只能输入数字和小数点/title>
    script language="JavaScript" type="text/javascript">
function clearNoNum(obj){
       obj.value = obj.value.replace(/[^\d.]/g,"");
      //清除“数字”和“.”以外的字符   obj.value = obj.value.replace(/^\./g,"");
  //验证第一个字符是数字而不是.   obj.value = obj.value.replace(/\.{
2,}
    /g,".");
     //只保留第一个. 清除多余的.   obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
    /script>
    /head>
    body>
    只能输入数字和小数点的文本框:input name="input1" onkeyup="clearNoNum(this)">
    /body>
    /html>
    

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

input

若转载请注明出处: 限制html文本框input只能输入数字和小数点
本文地址: https://pptw.com/jishu/587266.html
html中table表格的内容水平和垂直居中显示 html中表单提交的实现

游客 回复需填写必要信息