vue使用element-ui中的el-input,正则限制输入的内容格式

试了很多方法,最后用的下面这种方法是我个人感觉比较好的。

主要通过监听事件监听,对于一些特殊要求的输入框(正则限制)可以采用此方法。

当输入完后检查输入框中输入的内容规则是否符合要求,如果不符合就设置为空,并进行警示,因为不知道用户中途会不会输入英文字母,汉字,特殊字符等不规则字符。

邮箱为例(其他格式是一样的道理,只需要换一下正则表达式以及输入框中的赋值)

        (1)首先是html部分:

        (2)方法部分:

 vue使用element-ui中的el-input,正则限制输入的内容格式_第1张图片

 以上就是我的分享啦,希望对各位有所帮助

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