html 输入框只输入数字

// type设置为text
<el-form-item label="卡号" prop="bankNumber"><el-input v-model="form.bankNumber" placeholder="请输入银行卡号" type="text" />
</el-form-item>

watch 监听实现四个数字补一个空位

  ['form.bankNumber'](val) {if (val != undefined) {this.$nextTick(() => {this.form.bankNumber = val.replace(/\D/g, '').replace(/....(?!$)/g, '$& ');});}}

自定义卡号校验规则

data() {var bankAccountValid = (rule, value, callback) => {const strBin = '10,18,30,35,37,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,58,60,62,65,68,69,84,87,88,94,95,98,99'if (!value) {return} else if (value.trim().length < 12 || value.trim().length > 19) {callback(new Error('银行卡号长度必须在12到19之间'))} else if (strBin.indexOf(value.substring(0, 2)) === -1) {callback(new Error('银行卡号开头6位不符合规范'))} else {callback()}};return {// 表单校验rules: {bankNumber: [{required: false, trigger: 'blur', validator: bankAccountValid}]},};},

vue+element实现银行卡号只输入数字，四个补一个空位，并实现校验相关推荐

如何解决input输入框只输入数字
如何解决input输入框只输入数字在做一些手机号.验证码登录的时候,一般都会对input框的输入进行限制,手机号只能是数字,以后有三种方式: onkeyup = "value=value. ...
Element 表单只能输入数字校验
Element 表单只能输入数字校验以下验证均为只能输入数字类型只能输入整数 <el-input v-model="value" placeholder="请输 ...
正则：element ui input只能输入数字及数字后两位
1:使用表单校验 <el-inputv-model="param.value"placeholder="起始备用金"/>value: [{ requ ...
C# WPF下限制TextBox只输入数字、小数点、删除等键
C#中限制TextBox只输入数字和小数点的方法不止一种,有正则表达. ASCII码,还有通过Key和ModifierKeys的.这里讲讲通过Key和ModifierKeys来进行输入限制. Key是 ...
C#中控制键盘只输入数字，退格
想在C#中控制键盘只输入数字,退格,delete,回车,crtl+V,crtl+C,crtl+X. 先找到按键事件,用textBox举例: 这里利用键值解决了此问题,还有别的方法就不在这里演示了哦~
android 只输入数字与小数点_Android EditText设置只能输入数字和小数点
有两种写法:一.利用安卓自身的语法.二.利用正则表达式. 一.利用安卓自身的语法 1.如果设置只输入数字 edittext.setInputType( InputType.TYPE_CLASS_NUM ...
vueinput里只能输入数字_大佬们，vue里面限制input只能输入数字怎么做啊？
可以参考下面的,目前这个是限制,只能输入数字,小数点只保留2位,限制不能输入空格 new Vue({ el: "#app", data: { a: "" }, ...
android 只输入数字与小数点_Android金额输入框只允许输入小数点后两位效果
一:要实现这个效果也不是很复杂,只需要设置输入框输入的字符类型.设置InputFilter.设置输入变化监听即可.下面直接来看代码吧-. 二:new 一个class extends AppCompat ...
TextBox只输入数字和event.keyCode的键码值
TextBox只收录数字:0~9 非常简单,加一个属性事件: <asp:textbox class="Text" οnkeypress="if (e ...

vue+element实现银行卡号只输入数字，四个补一个空位，并实现校验

vue+element实现银行卡号只输入数字，四个补一个空位，并实现校验

html 输入框只输入数字

watch 监听实现四个数字补一个空位

自定义卡号校验规则

vue+element实现银行卡号只输入数字，四个补一个空位，并实现校验相关推荐

最新文章

热门文章