安装使用首先在你的vue项目中安装：npminstall--savevue-input-check然后根据不同的vue版本注册：vue2.jsimportVuefrom'vue';Vue.use(inputCheck);vue3.js+import{createApp}from'vue';letapp=createApp(App);app.use(inputCheck,{instance:app});那么，我们就可以使用Already的形式：可以看到，上面的v-input-check就是我们定义每个输入框的规则的地方，value是一个数组，第一个值是输入框对于v-model，第二个值是一个字符串，语法如下：validate-express="val1:param1:param2|val2|valu3:param1"不同规则使用|分隔，需要传递参数的规则的参数传递：分割。让我们看几个例子：v-input-check='[key,"required|maxLength:10|regexp:^\\d{1,5}$"]'v-input-check='[key,"required"]'当前可选的内置规则如下：required:boolean:表示必须丢，有一个可选参数，表示是否丢，默认为truemaxLength:num:最大长度minLength:num:minimumlengthregexp:str:regular定义了获取表达式验证结果页的规则后，你有两种获取验证结果的方式。1、JS方法可以直接使用如下方法启动校验：this.$validateCheck(formnode,callback,errorback);该对象包含三个参数：formnode：需要验证的表单节点，必须输入callback：表单有效回调，可选errorback：表单无效回调，可选此外，错误回调有一个形参，数据格式为：{"$el":错误的输入框节点"$error":当前输入框信息的第一个错误提示}2、HTML中提供该方法的目的是实时反馈当前表单在表单上的输入状态页。首先，在表单上，??可以通过判断类中是否包含v-valid或者v-invalid来判断表单是否合法。同理，添加指令v-input-check的地方也可以判断该处是否合法，对于更具体的错误细节，比如强制输入不合法，类会像这样v-invalid-requiredv-无效的。CustomvalidationrulesCustomvalidationrules大多数情况下，我们可能还需要添加新的验证规则，毕竟默认的往往不足以满足所有的业务情况：Vue.use(inputCheck,{//customvalidationrulesValidationrulevalidate:[{//规则名称name:"XXX",//校验方法，返回true表示合法，false表示不合法//需要注意的是，除了el和val存在，其余的此函数参数在使用时通过```:```传递，可以有任意个数//例如：```required:true|phone:parm1:param2```test:function(el,val,...){returntrue|false;},//非法提示信息，应返回字符串信息：function(el,name){return"XXX";}},//校验规则可以有多个......]});
