input标签的使用

1,仅输入数字,禁止输入负号等符号.

<input id='scoreinput'
    type="tel"
    value=''
    placeholder='请输入整数'
    onChange={e=>{
       var val=e.target.value;
       var reg=/[^\d]/g;
       val = val.slice(0, 3).replace(reg,'');
   }}
 />

此时注意 type类型 不能为number

2,输入数字,可以是整数,或一位小数,禁止输入其它,禁止00,01,等

注意类型 不能为number,中文句号,中文小数点,替换为英文小数点

首位数不为0的正则

var reg = /(^([1-9]\d?\.[1-9]?)$)|(^([1-9]\d*)$)/;

 

<input
   type="text"
   value={tScore'}
   placeholder={'<=' + optItem.aScore}
   onChange={e => {
       var val = e.target.value;
       val=val.replace(/\。/g, '.').replace(/\．/g,'.').replace(/。/g,'.');
       var reg = /(^(?!0{2,})(\d+\.[1-9]?)$)|(^(?!0{2,})(\d+)$)/;
       if (reg.test(val)) {
         val = val.slice(0, 4);
       } else {
         val = val.length == 0 ? '' : val.slice(0, val.length - 1);
       }
       if (val.length > 1 && val[0] == '0' && val[1] != '.') {
          val = val.slice(1, val.length);
       }
  }
/>