• input限制输入


    1.只能输入数字和小数点 并且小数点不再第一位 和 有且只有一位
     
    oninput="value=value.replace(/^D*(d*(?:.d{0,2})?).*$/g, '$1')"
     
    2.只能输入数字。如果还需要调用方法或多条规则来限制该输入框,用 ; 隔开
    <input type="text" oninput="value=value.replace(/[^d]/g,'');lessNum(this)" />
     
    3:开头不能为0,且不能输入小数
    <input type="text" oninput="value=value.replace(/[^d]/g,'').replace(/^0{1,}/g,'')" > 
     
    4.限制输入长度 
    oninput="if(value.length>11)value=value.slice(0,11)"
     
     
     
    兼容火狐浏览器 只能输入数字和小数点两位
    <html> <body> <script> function checkNumber(e,txt) { var key = window.event ? e.keyCode : e.which; var keychar = String.fromCharCode(key); var el = document.getElementById('test'); var msg = document.getElementById('msg'); reg = /d|./; var result = reg.test(keychar); if(result) { if(e.keyCode==46) result=!(txt.value.split('.').length>1); else result=!(txt.value.split('.').length>1&&txt.value.split('.')[1].length>1); } if(!result) { el.className = "warn"; msg.innerHTML = "只能输入数字"; return false; } else { el.className = ""; msg.innerHTML = ""; return true; } } </script> <div id="test"> 只能输入数字的文本框<input type="text" name="question.page" onkeypress="return checkNumber(event,this);"> <span id="msg"></span> </div> </body> </html>
  • 相关阅读:
    Nginx+Keepalived(双机热备)搭建高可用负载均衡环境(HA)
    库管理系统-- 后台管理开源啦,源码大放送
    .NET Core R2
    Linux gdb调试
    webpack React+ES6
    绿卡排队
    ABP分层设计
    vscode编写插件
    控制台程序的参数解析类库 CommandLine
    Net Core MVC6 RC2 启动过程分析
  • 原文地址:https://www.cnblogs.com/dawnzhao/p/14516819.html
Copyright © 2020-2023  润新知