# vue-verify **Repository Path**: tai/vue-verify ## Basic Information - **Project Name**: vue-verify - **Description**: vue的验证插件 - **Primary Language**: JavaScript - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 35 - **Forks**: 11 - **Created**: 2016-06-16 - **Last Updated**: 2023-09-19 ## Categories & Tags **Categories**: vue-extensions **Tags**: None ## README # Intro vue-verify is a simple veriication plugin for vue,compatible with Vue.js 0.12.0+. # Usage Import and install ```html ``` Create a Vue instance,invoke $verify(rules) in the created lifecycle hook. ```js new Vue({ el: "#app", data: { name: null, age: 0 }, created: function () { //Vue.prototype.$verify(rules) this.$verify({ name: { required: true, maxLength: 16 }, age: { min: 15, max: 80 } }) } }) ``` template code ```html

``` # Built-in verify methods ```js new Vue({ ... created:function(){ this.$verify({ modelPath:{ //built-in verify methods as follows. required:true,//priority: 1 minLength:3,// priority: 2 maxLength:10,// priority: 3 min:1,//priority: 4 max:888,//priority: 5 pattern:"/^1[3578][0-9]{9}$/",//priority: 6 equalTo:"ABC"//priority: 7 } }) } }) ``` > Note: Get more information from examples. # Options ```js Vue.use(vueVerify, { namespace: "validator", methods: { email: { priority: 10,//default 100 fn: function (val) { //return a boolean value return /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(val) } }, exist: function (val) { //return a promise function value for async verify return function (resolve, reject) { $.ajax({ url: "server side verify url", data: {name: val}, success: function (json) { json.valid ? resolve() : reject() }, error: function (xhr) { reject() } }) } } } }); ``` You can also specify verification options for instance. ``` new Vue({ el: "#app", data: {...}, created: function () { this.$verify({...}) }, //specify verifier option verifier: options }) ``` ## Namespace Default is "verify".Can not specify in instance options since v0.6.0. ## methods Specify custom verify methods. > You can specify options global via `Vue.use(vueVerify,options)`. # Reset You can reset the verify results with method `$verifyReset()` of Vue instance. # Use in nodejs ``` npm install vue-verify --save-dev ``` ``` js var Vue = require("vue") var VueVerify = require("vue-verify") Vue.use(VueVerify) ``` # License [Apache-2.0](http://opensource.org/licenses/Apache-2.0)