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

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

代码

<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()

GitHub 加速计划 / eleme / element
15
3
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐