非webpack项目使用vee-validate进行校验

由于当前项目使用的是基于jQuery的前端结构,尝试在新增需求中使用VUE2,对于表单验证使用vee-validate。

当前基于webpack项目,使用npm引入的样例比较多。

目前在普通页面中使用的经验进行积累,以供参考,为了考虑系统兼容性,项目中暂时没有使用ES6的写法。

官网地址:http://vee-validate.logaretm.com/

1、引入vue2后,需要添加vee-validata的js和语言包文件(目前只用中文)

非webpack项目使用vee-validate进行校验

2、页面html代码,具体的样式用class修饰即可

非webpack项目使用vee-validate进行校验

3、js使用方式,指定语言、修改默认提示,添加自定义验证

非webpack项目使用vee-validate进行校验

4、测试结果

非webpack项目使用vee-validate进行校验