精华内容
下载资源
问答
  • //清除“数字”和“.”以外的字符 obj.value = obj.value.replace(/\.{2,}/g,".");//只保留第一个. 清除多余的 obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); o...
    function vaildNum(obj){ 
    
        obj.value = obj.value.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符  
    
        obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的  
    
        obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); 
    
        obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能输入两个小数  
    
        if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额 
    
            obj.value= parseFloat(obj.value); 
    
        } 
    
    } 

     

    展开全文
  • vue js正则输入数字 vue-number-smarty (vue-number-smarty) Number input with rich functionality for Vue.js. Vue.js具有丰富功能的数字输入。 View Demo 查看演示 View Github 查看Github 特征 (Features) ...

    vue js正则只输入数字

    vue-number-smarty (vue-number-smarty)

    Number input with rich functionality for Vue.js.

    Vue.js具有丰富功能的数字输入。

    特征 (Features)

    1. integer/float

      整数/浮点数

    2. signed/unsigned

      签名/未签名

    3. step size

      一步的大小

    4. increment/decrement value by scrolling when focused

      聚焦时通过滚动增加/减少值

    5. align variants

      对齐变体

    6. min and max boundaries

      最小和最大边界

    7. max length of integer part (only for float type)

      整数部分的最大长度(仅适用于浮点型)

    8. max length of float part (only for float type)

      浮动部分的最大长度(仅适用于浮动类型)

    9. max length of string

      字符串的最大长度

    10. error state

      错误状态

    11. readonly state

      只读状态

    12. theme options

      主题选项

    安装 (Installation)

    npm i vue-number-smarty

    or with yarn:

    或与纱线:

    yarn add vue-number-smarty

    Then paste it in your main.js file:

    然后将其粘贴到您的main.js文件中:

    import VueNumberInput from 'vue-number-smarty';
    
    Vue.use(VueNumberInput);

    That's all!

    就这样!

    用法 (Usage)

    道具 (Props)

    align: {
      required: false,
      type: one of ['left', 'center', 'right', 'justify'],
      default: 'left',
    },
    placeholder: {
      required: false,
      type: String,
      default: 'Placeholder',
    },
    unsigned: {
      required: false,
      type: Boolean,
      default: false,
    },
    numberType: {
      required: true,
      type: one of ['integer', 'float'],
    },
    minValue: {
      required: false,
      type: Number,
      default: -9999999,
    },
    maxValue: {
      required: false,
      type: Number,
      default: 9999999,
    },
    step: {
      required: false,
      type: Number,
      default: 1,
    },
    /* only for integer | max length of string */
    maxLen: {
      required: false,
      type: Number,
      default: 6,
    },
    /* max length of string before float part */
    intPartMaxLen: {
      required: false,
      type: Number,
      default: 4,
    },
    /* max length of string after float part */
    floatPartMaxLen: {
      required: false,
      type: Number,
      default: 2,
    },
    error: {
      required: false,
      type: Boolean,
      default: false,
    },
    readonly: {
      required: false,
      type: Boolean,
      default: false,
    },
    <!-- border-bottom color -->
    color: {
      required: false,
      type: String,
      default: 'rgba(0,0,0,.4)',
    },
    <!-- text-color -->
    textColor: {
      required: false,
      type: String,
      default: 'rgba(0,0,0,.9)',
    },
    fontWeight: {
      required: false,
      type: String,
      default: 'normal',
    },

    款式 (Styles)

    Component styles are override-friendly. So you can configure the desired field style.

    组件样式是优先于重写的。 因此,您可以配置所需的字段样式。

    The css classes of the component are listed here:

    此处列出了该组件的css类:

    .vue-number-input__wrapper
      .vue-number-input__input (.vue-number-input__input-error)
      .vue-number-input__arrows-wrapper
        .vue-number-input__arrow-up
        .vue-number-input__arrow-down

    项目设置 (Project setup)

    yarn install || npm i

    编译和热重装以进行开发 (Compiles and hot-reloads for development)

    yarn serve || npm run serve

    Go to /src/main.js and do it:

    转到/src/main.js并执行以下操作:

    // import VueNumberInput from 'vue-number-smarty';
    import VueNumberInput from '@/plugin-src/main.js';

    Now you can go to the root folder and type:

    现在,您可以转到根文件夹并输入:

    yarn serve || npm run serve

    You can work with /src/plugin-src/NumberInput.vue and see it in your browser.

    您可以使用/src/plugin-src/NumberInput.vue并在浏览器中查看它。

    编译并最小化生产 (Compiles and minifies for production)

    Go to /src/plugin-src/ and do:

    转到/ src / plugin-src /并执行以下操作:

    npx bili

    Then go to /src/plugin-src/dist/main.js and at the end replace

    然后转到/src/plugin-src/dist/main.js并最后替换

    module.exports

    with

    export default

    翻译自: https://vuejsexamples.com/number-input-with-rich-functionality-for-vue-js/

    vue js正则只输入数字

    展开全文
  • function num(obj){ ... //清除"数字"和".“以外的字符 obj.value = obj.value.replace(/^0/g, “”);//(/^./g,”"); //验证第一个字符是数字 obj.value = obj.value.replace(/.{2,}/g,"."); //只保留...

    function num(obj){
    obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和".“以外的字符
    obj.value = obj.value.replace(/^0/g, “”);//(/^./g,”"); //验证第一个字符是数字
    obj.value = obj.value.replace(/.{2,}/g,"."); //只保留第一个, 清除多余的
    obj.value = obj.value.replace(".","KaTeX parse error: Expected 'EOF', got '#' at position 1: #̲").replace(/./g,"").replace("KaTeX parse error: Expected 'EOF', got '#' at position 1: #̲",".");
    obj.value = obj.value.replace(/^(-)(\d+).(\d\d).$/,’$1$2.$3’); //只能输入两个小数
    }

    展开全文
  • js正则只能输入中文

    万次阅读 2018-08-23 12:37:25
    &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="content-type"...js正则匹配中文标点符号&lt;/title&gt; &lt;script src="http://apps.bdimg.com/libs/jquer
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>js正则匹配中文标点符号</title>
    <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
    <head>
    <body>
    <input type="text" id="textBox" maxlength="1" /> 
    <input type="button" onclick="checkText()" value="提交" />
    
    <br/>
    <br/><br/><br/><br/><br/>
    <form method="post" onsubmit="subname()">
            <input type="text" id="input" value="" />
            <button type="submit" id="btn">提交</button>
        </form>
    
    <input type="text" id="textBox2"  style="margin-top:20px;"/> 
    <input type="button" onclick="checkText2()" value="提交" />
    
    <script type="text/javascript">
    function checkText()
    {
     var text = document.getElementById('textBox').value;
     //匹配这些中文标点符号 。 ? ! , 、 ; : “ ” ‘ ' ( ) 《 》 〈 〉 【 】 『 』 「 」 ﹃ ﹄ 〔 〕 … — ~ ﹏ ¥
     var reg = /[\u3002|\uff1f|\uff01|\uff0c|\u3001|\uff1b|\uff1a|\u201c|\u201d|\u2018|\u2019|\uff08|\uff09|\u300a|\u300b|\u3008|\u3009|\u3010|\u3011|\u300e|\u300f|\u300c|\u300d|\ufe43|\ufe44|\u3014|\u3015|\u2026|\u2014|\uff5e|\ufe4f|\uffe5]/;
     if(reg.test(text)){
      alert('是中文标点符号');
     }else{
      alert('不是中文标点符号');
     }
    }
    
        function subname() {
        debugger;
            var str = $("#input").val();
            var han = /^[\u4e00-\u9fa5]+$/;
            if (str == '') {
                alert("请输入汉字");
                return false;
            };
            if (!han.test(str)) {
                alert("不是汉字")
                return false;
            };
             alert("是汉字")
            return true;
        };
    
    function checkText2()
    {
     var text = document.getElementById('textBox2').value;
     //匹配只包含中文和、和A-Z和0-9 \u4e00-\u9fa5表示中文正则,\u3001表示、正则;\d表示数字 。 以中文或A-Z或0-9或、开头都可以。
     var reg = /^[\u4e00-\u9fa5\u3001\A-\Z\d]+$/;
     if(reg.test(text)){
      alert('是只包含中文和、');
     }else{
      alert('false不只包含中文和、');
     }
    }   
    </script>
    </body>
    </html>

    这里写图片描述
    这里写图片描述

    展开全文
  • JS正则表达式只能输入数字

    万次阅读 2018-02-24 15:56:23
    //只能数字 if(!(/^[0-9]+$/.test($('#ID').val()))){ $.messager.show({ msg : '货架与载位请求参数错误!', title : '错误' }); return; }
  • js正则表达式限制文本框只能输入数字
  • var regx = new RegExp("^([\u4E00-\uFA29]|[\uE7C7-\uE7F3]|[a-zA-Z0-9_.]){1,20}$");//包含“.” //var regx = new RegExp("^([\u4E00-\uFA29]|[\uE7C7-\uE7F3]|[a-zA-Z0-9_]){1,20}$");//不包含“.” ...
  • js正则输入数字英文汉字

    千次阅读 2013-12-10 14:29:21
    只能输入汉字数字和英文 $(".view-name").on("input propertychange",function(){ this.value = this.value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,''); }); 只能输入数字 this.value = this.value....
  • js正则表达式限制文本框只能输入数字,能输小数点.js正则表达式限制文本框只能输入数字,能输小数点.
  • js正则只能输入大于0的正整数

    千次阅读 2020-06-11 19:55:40
    html: <el-form-item label="卡片数量:"> <el-input style="max-width: 415px;" maxlength="5" placeholder="请输入50的正整数倍" v-show="redeemCardType==='0'" v-mo.
  • js 正则表达式 判断只能输入数字或者一位小数 就是判断输入的是否是数字或者是小数 如果是小数只能树一位小数
  • js正则限制input只能输入数字,金额

    千次阅读 2020-04-07 10:12:28
    限制input只能输入金额 JS代码: function checkInput(_this) { if (_this.value != '' && _this.value.substr(0, 1) == '.') { _this.value = '0.00' } if (_this.value == '') { _this.value = '0.00'...
  • input.value = input.value.replace(/[^\d.]/,''); 前台页面:
  • 正则关于有效数字的例子
  • value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')
  • <title>js正则限制输入_www.jbxue.com</title> ENTER键可以让光标移到下一个输入框 (event.keyCode==13)event.keyCode=9" > 只能输入中文 (/[^\u4e00-\u9fa5]/g,'')"> 屏蔽了输入法 ...
  • // min-max 是数字大小范围 length 是小数点后几位 pointNum(rule, value, callback) { var min = 0, max = 0, length = rule.length, type = rule.type != 'string' ? rule.type : ''; if(rule.options &&...
  • 只能输入数字和字母等的正则表达式,本文整理了一些,经测试还不错,感兴趣的朋友也可以练练手
  • js只能输入数字和小数点的正则

    千次阅读 2020-04-23 16:06:08
    前言:在input输入框,通过正则表达式,控制只能输入数字和小数点的方法。 <html> <head> <meta charset="UTF-8"> <title>document</title> </head> <body> <form&...
  • 代码如下:[removed] function validate(){ var reg = new RegExp(...“请输入数字!”); } if(!/^[0-9]*$/.test(obj.value)){ alert(“请输入数字!”); } }[removed]验证数字的正则表达式集 验证数
  • var reg = /^\d+\.?\d*$/;   if(value.search(/^\d+\.?\d*$/)===0 &amp;&amp; parseFloat(value)&gt;0){//只能输入大于0的有效数 console.log("合法"); }
  • <input type="text" onkeyup="!/^(\d+\.?)?\d{0,2}$/.test(this.value)?(this.value=this.value.substring(0, this.value.length-1)): ''"/> 使用onkeyup按键抬起事件监听输入;...出现一次数字加.
  • js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码
  • js正正则则表表达达式式验验证证大大全全(收收集集) 本篇文章给大家分享js正则表达式验证大全平时收集的知识比较全面需要的朋友可以参考下 引 网址 /quiteuniverse/blog/item/9f3f043d46ad1e0 bba16 16.html 以以下...
  • 限制只能输入数字,小数点只保留2位,限制不能输入空格 <div id="app"> <input type="text" v-model="a" @input="change(a)" /> </div> <script src=...
  • JS只能输入数字,数字和字母等的正则表达式,针对html文本框的实用性代码

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 58,191
精华内容 23,276
关键字:

js正则只能输入数字