element-ui 表单输入框限制输入数字为(负数、小数)

文章目录

    • element-ui 表单输入框限制输入数字为(负数、小数)

element-ui 表单输入框限制输入数字为(负数、小数)

功能描述:
在form表单
第一个符号可以输入‘-’(负号),第二个负号输入则清空输入框;
第一个小数点必须有长度后才能输入,第二个小数点输入则清空输入框
其他一切符号、文字、英文等限制输入
element-ui 表单输入框限制输入数字为(负数、小数)_第1张图片

代码

<el-form-item label="value" v-show="showNum" prop="value">
          <div id="color1">温馨提示:只能输入数字</div>
          <el-input oninput="if (value.slice(0,value.indexOf('-')+2)) {
     if(isNaN(value.slice(1,value.indexOf('-')+999))) {
      value = null }}
                              if(value.indexOf('.')>0){
     value=value.slice(0,value.indexOf('.')+99)}
                              if (value.slice(0,value.indexOf('-')+2)!=='-'){
     if(isNaN(value)){
     value=null}}"
           v-model="temp.value" :autosize="{ minRows: 4, maxRows: 8}" type="textarea" placeholder="未填写"/>
</el-form-item>

提示
v-model绑定值;
v-show控制显影,不需要可去掉;

逻辑判断用到的函数
slice()
indexOf()

你可能感兴趣的:(前端,框架,js,javascript,web,vue.js)