zoukankan      html  css  js  c++  java
  • 让html的text输入框只能输入数字和1个小数点

    限制用户输入不符合规范的数字与小数点导致不好计算价格问题,特整理了下面的代码,需要的朋友可以参考下。

    <html> 
    <head>
    <title>text 数字</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk">
    </head>
    <script type="text/javascript">
    function check(event) {
    var e = window.event || event;
    var target = e.srcElement || e.target;
    var k = e.keyCode;
    if(isFunKey(k)) {
    return true;
    }
    var c = getChar(k);
    if(target.value.length == '' && (c == '-' || c == '+')) {
    return true;
    }
    if(isNaN(target.value + getChar(k))) {
    return false;
    }
    return true;
    }
    function isFunKey(code) {
    // 8 --> Backspace
    //
    35 --> End
    //
    36 --> Home
    //
    37 --> Left Arrow
    //
    39 --> Right Arrow
    //
    46 --> Delete
    //
    112~123 --> F1~F12
    var funKeys = [8, 35, 36, 37, 39, 46];
    for(var i = 112; i <= 123; i++) {
    funKeys.push(i);
    }
    for(var i = 0; i < funKeys.length; i++) {
    if(funKeys[i] == code) {
    return true;
    }
    }
    return false;
    }
    function getChar(k) {
    if(k >= 48 && k <= 57) {
    return String.fromCharCode(k);
    }
    if(k >= 96 && k <= 105) {
    return String.fromCharCode(k - 48);
    }
    if(k == 110 || k == 190 || k== 188 ) {
    return ".";
    }
    if(k == 109 || k == 189) {
    return "-";
    }
    if(k == 107 || k == 187) {
    return "+";
    }
    return "#";
    }
    </script>
    <style type="text/css">
    textarea
    {
    width
    : 200px;
    height
    : 80px;
    }
    span
    {
    color
    : #ff0000;
    }
    </style>
    <body>
    <input style="ime-mode:disabled;" onpaste="return false" onkeydown="return check(event)" onkeyup="if(isNaN(this.value)||this.value<0||this.value>59) this.value='0'">
    </body>
    </html>

    text 数字

  • 相关阅读:
    微信小程序开发 —— 一些小的注意点
    C# —— 继承
    JavaScript —— 判断一个对象是否为空
    SQLServer——事务
    创建存储过程
    (转)从开发小白到音视频专家
    (转载)从零开始学习音视频编程技术(一) 视频格式讲解
    (转载)如何正确的阅读FFmpeg官网提供的资料
    (转载)音频编解码基础(wav/aac/pcma/pcmu)
    (转载)语音编解码过程概述
  • 原文地址:https://www.cnblogs.com/dupeng0811/p/2290510.html
Copyright © 2011-2022 走看看