zoukankan      html  css  js  c++  java
  • 【jQuery、原生】键盘键入两位小数

    • jquery的处理办法
     
     1 <!doctype html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6     <script src="jquery.min.js"></script>
     7 </head>
     8 <body>
     9 <input type="text" id="Score" />
    10 <script type="text/javascript">
    11     $(document).ready(function() {
    12         //敲击按键时触发
    13         $("#Score").bind("keypress", function(event) {
    14             var event= event || window.event;
    15             var getValue = $(this).val();
    16             //控制第一个不能输入小数点"."
    17             if (getValue.length == 0 && event.which == 46) {
    18                 event.preventDefault();
    19                 return;
    20             }
    21             //控制只能输入一个小数点"."
    22             if (getValue.indexOf('.') != -1 && event.which == 46) {
    23                 event.preventDefault();
    24                 return;
    25             }
    26             //控制只能输入的值
    27             if (event.which && (event.which < 48 || event.which > 57) && event.which != 8 && event.which != 46) {
    28                 event.preventDefault();
    29                 return;
    30             }
    31             //控制输入两位小数
    32             $(this).val(getValue.replace(/^(.*..{1}).*$/,"$1"));
    33         })
    34     });
    35 </script>
    36 </body>
    37 </html>
    View Code
     
    • 移动端原生js正则的处理办法
    1 spans.eq(i).on("touchstart", function () {
    2     var str=$("#monetary").val()+$(this).text();
    3     $("#monetary").val(str.replace(/^./g,""));  //验证第一个字符是数字而不是.
    4     $("#monetary").val(str.replace(/.{2,}/g,".")); //只保留第一个. 清除多余的.
    5     $("#monetary").val(str.replace(".","$#$").replace(/./g,"").replace("$#$","."));
    6     $("#monetary").val(str.replace(/^(.*..{2}).*$/,"$1"));
    7 })
    View Code

    个人博客:[**午后南杂**](http://recoluan.gitlab.io)

  • 相关阅读:
    二极管常用
    金属化孔与非金属化孔
    电容~3.钽电容
    电感~2.电路分析
    交流整流之后
    电容~2.电路分许
    三极管~3常见电路
    三极管~2.电路分析
    名词解释
    硬件设计
  • 原文地址:https://www.cnblogs.com/luanhewei/p/5993431.html
Copyright © 2011-2022 走看看