在使用vue + element组合框架时，表单输入和提交需要添加验证，如只能输入数字、电子邮件、字母类型等。那么，如何验证字母类型呢？
工具/原料
1
vue.js
2
Element
3
JavaScript
4
HBuilderX
5
WPS
6
截图工具
方法/步骤
1
在已打开的HBuilderX工具中，下载和安装vue项目，并安装elementui依赖包
2
接着在src/components文件夹下，新建vue组件ZiMu.vue
3
打开组件文件，在template标签中插入一个form表单和el-input
4
在el-form标签上绑定dataForm和rules，然后在data定义dataForm对象
5
在dataForm对象下，添加rules对象，包括对username的验证，如长度、必填、字母类型
6
最后打开App.vue文件，将ZiMu组件导入并在页面中引用
7
保存代码并运行项目，打开浏览器查看界面效果
8
在输入框中输入一些数字和字母，这时下方会弹出一些提示，说明不符合条件；只输入字母，验证通过
总结
1、表单添加rules变量2、data中添加rulesEND
注意事项
1
注意如何在elementui中验证字母类型
2
注意element中的form表单验证
上一篇：scratch3字母qq
下一篇：急速培训怎么添加人员？