输入框校验是日常开发中必不可少的,JavaScript也是因为校验而起步出名的。
校验方式
1,通过ant design的表单校验rules校验规则实现(详情看文档)
v-decorator="[
'note',
{
rules: [
{
pattern: /^[\u0391-\uFFE5A-Za-z]+$/,
message: '可以输入汉字与英文',
},
{ required: true, message: '请输入驳回理由' },
],
},
]"
2.通过input自带事件使用replace,正则匹配 实现替换。
oninput 当input的value值发生变化时就会触发
onkeyup 当按键抬起的时候触发
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
oninput="value=value.replace(/[^\d]/g,'')"
onkeyup="this.value=this.value.replace(/[^\d.]/g,'')"