输入框校验是日常开发中必不可少的,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,'')"

听听内心的声音,下次如果遇到想做但是犹豫不决的事情,不要犹豫!去做吧!

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐