hvalidate

   import hvalidate from './js/hvalidate.js'

   Vue.use(hvalidate)

  let msgConfig = {
        phone: "手机号不正确",
        email: "邮箱不正确",
        idCard: "身份证不正确",
        passWord: "密码由6-12位字母和数字组成",
        max: "长度超过限制",
        min: "字段位数不对",
        required: "不能为空"
    }

    v-hvali="{key:'email',rule:'required|email'}"
    v-hvali="{key:'phone',rule:'required|phone',msg:'手机号不能为空'}" //当设置了msg之后 提示信息以用户设置的msg为准

    <form action="">
            <label for="">phone:</label> <input type="text" placeholder="phone" v-hvali="{key:'phone',rule:'required|phone',msg:'手机号不能为空'}"> <br>
            <hr />
            <label for="">email:</label> <input type="text" placeholder="email" v-hvali="{key:'email',rule:'required|email'}"> <br>
            <hr />
            <button class="btn" type="button" @click="submit">提交</button>
    </form>

methods: {
    submit() {
        console.log("submit");
        var valiResult=beforeSubmitValidate(this);//valiResult 值为false或true

    }
}