{"version":3,"sources":["webpack:///./src/views/forms/form-validation/FormValidation.vue?41fb","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue?726d","webpack:///src/views/forms/form-validation/FormValidationSimple.vue","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue?fbe5","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue","webpack:///./src/views/forms/form-validation/FormValidationMultipleRules.vue?2093","webpack:///src/views/forms/form-validation/FormValidationMultipleRules.vue","webpack:///./src/views/forms/form-validation/FormValidationMultipleRules.vue?51a5","webpack:///./src/views/forms/form-validation/FormValidationMultipleRules.vue","webpack:///./src/views/forms/form-validation/FormValidationCustomErrorMessages.vue?b902","webpack:///src/views/forms/form-validation/FormValidationCustomErrorMessages.vue","webpack:///./src/views/forms/form-validation/FormValidationCustomErrorMessages.vue?5da8","webpack:///./src/views/forms/form-validation/FormValidationCustomErrorMessages.vue","webpack:///./src/views/forms/form-validation/FormValidationEvents.vue?4cbb","webpack:///src/views/forms/form-validation/FormValidationEvents.vue","webpack:///./src/views/forms/form-validation/FormValidationEvents.vue?799a","webpack:///./src/views/forms/form-validation/FormValidationEvents.vue","webpack:///./src/views/forms/form-validation/FormValidationTypes.vue?5754","webpack:///src/views/forms/form-validation/FormValidationTypes.vue","webpack:///./src/views/forms/form-validation/FormValidationTypes.vue?cbca","webpack:///./src/views/forms/form-validation/FormValidationTypes.vue","webpack:///src/views/forms/form-validation/FormValidation.vue","webpack:///./src/views/forms/form-validation/FormValidation.vue?5039","webpack:///./src/views/forms/form-validation/FormValidation.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_m","staticClass","staticRenderFns","_v","directives","name","rawName","value","expression","model","callback","$$v","value1","errors","has","_s","first","value2","on","$event","preventDefault","submitForm","apply","arguments","slot","data","methods","$validator","validateAll","then","result","alert","component","username","email","ref","password","confirm_password","first_name","last_name","custom","required","alpha","Validator","alpha_dash","alpha_num","numeric","alpha_spaces","url","min","max","date_format","between","credit_card","date_between","digits","select1","_l","item","index","key","text","max_value","min_value","regex","options1","components","FormValidationSimple","FormValidationMultipleRules","FormValidationCustomErrorMessages","FormValidationEvents","FormValidationTypes"],"mappings":"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","file":"js/chunk-2d0af116.01518d0d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"extra-component-form-validation-demo\"}},[_vm._m(0),_c('form-validation-simple'),_c('form-validation-multiple-rules'),_c('div',{staticClass:\"vx-row match-height\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full\"},[_c('form-validation-custom-error-messages',{staticClass:\"mb-base\"})],1),_c('div',{staticClass:\"vx-col sm:w-1/2 w-full\"},[_c('form-validation-events',{staticClass:\"mb-base\"})],1)]),_c('form-validation-types')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"mb-4\"},[_c('a',{attrs:{\"href\":\"https://logaretm.github.io/vee-validate/guide/\",\"target\":\"_blank\",\"rel\":\"nofollow\"}},[_vm._v(\"vee-validate\")]),_vm._v(\" is a Template Based Validation Framework for Vue.js. Read full documentation \"),_c('a',{attrs:{\"href\":\"https://baianat.github.io/vee-validate/guide/\",\"target\":\"_blank\",\"rel\":\"nofollow\"}},[_vm._v(\"here\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Simple form validation\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Simple form validation before submitting form. Add \"),_c('code',[_vm._v(\"v-validate\")]),_vm._v(\" directive to input.\")]),_c('div',{staticClass:\"mt-5\"},[_c('form',[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"mt-5\",attrs:{\"placeholder\":\"Input 1\",\"name\":\"input1\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('input1')),expression:\"errors.has('input1')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('input1')))]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"mt-5\",attrs:{\"placeholder\":\"Input 2\",\"name\":\"input2\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('input2')),expression:\"errors.has('input2')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('input2')))]),_c('vs-button',{staticClass:\"mt-5 block\",attrs:{\"type\":\"filled\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitForm.apply(null, arguments)}}},[_vm._v(\"Submit\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <form>\\n    <vs-input size=\\\"large\\\" v-validate=\\\"'required'\\\" placeholder=\\\"Input 1\\\" name=\\\"input1\\\" v-model=\\\"value1\\\" class=\\\"mt-5\\\" />\\n    <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('input1')\\\">\"+_vm._s(\"\\{\\{ errors.first('input1') \\}\\}\")+\"</span>\\n\\n    <vs-input size=\\\"large\\\" v-validate=\\\"'required'\\\" placeholder=\\\"Input 2\\\" name=\\\"input2\\\" v-model=\\\"value2\\\" class=\\\"mt-5\\\" />\\n    <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('input2')\\\">\"+_vm._s(\"\\{\\{ errors.first('input2') \\}\\}\")+\"</span>\\n\\n    <vs-button type=\\\"filled\\\" @click.prevent=\\\"submitForm\\\" class=\\\"mt-5 block\\\">Submit</vs-button>\\n  </form>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      value1: \\\"\\\",\\n      value2: \\\"\\\",\\n    }\\n  },\\n  methods: {\\n    submitForm() {\\n      this.$validator.validateAll().then(result => {\\n        if(result) {\\n          // if form have no errors\\n          alert(\\\"form submitted!\\\");\\n        }else{\\n          // form have errors\\n        }\\n      })\\n    }\\n  },\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: FormValidationSimple.vue\n    Description: Simple form validation\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Simple form validation\" code-toggler>\n\n        <p>Simple form validation before submitting form. Add <code>v-validate</code> directive to input.</p>\n        <div class=\"mt-5\">\n            <form>\n                <vs-input v-validate=\"'required'\" placeholder=\"Input 1\" name=\"input1\" v-model=\"value1\" class=\"mt-5\" />\n                <span class=\"text-danger text-sm\" v-show=\"errors.has('input1')\">{{ errors.first('input1') }}</span>\n\n                <vs-input v-validate=\"'required'\" placeholder=\"Input 2\" name=\"input2\" v-model=\"value2\" class=\"mt-5\" />\n                <span class=\"text-danger text-sm\" v-show=\"errors.has('input2')\">{{ errors.first('input2') }}</span>\n\n                <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\n            </form>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;form&gt;\n    &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required'&quot; placeholder=&quot;Input 1&quot; name=&quot;input1&quot; v-model=&quot;value1&quot; class=&quot;mt-5&quot; /&gt;\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('input1')&quot;&gt;{{ \"\\{\\{ errors.first('input1') \\}\\}\" }}&lt;/span&gt;\n\n    &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required'&quot; placeholder=&quot;Input 2&quot; name=&quot;input2&quot; v-model=&quot;value2&quot; class=&quot;mt-5&quot; /&gt;\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('input2')&quot;&gt;{{ \"\\{\\{ errors.first('input2') \\}\\}\" }}&lt;/span&gt;\n\n    &lt;vs-button type=&quot;filled&quot; @click.prevent=&quot;submitForm&quot; class=&quot;mt-5 block&quot;&gt;Submit&lt;/vs-button&gt;\n  &lt;/form&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      value1: &quot;&quot;,\n      value2: &quot;&quot;,\n    }\n  },\n  methods: {\n    submitForm() {\n      this.$validator.validateAll().then(result =&gt; {\n        if(result) {\n          // if form have no errors\n          alert(&quot;form submitted!&quot;);\n        }else{\n          // form have errors\n        }\n      })\n    }\n  },\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\n\nexport default {\n  data () {\n    return {\n      value1: '',\n      value2: ''\n    }\n  },\n  methods: {\n    submitForm () {\n      this.$validator.validateAll().then(result => {\n        if (result) {\n          // if form have no errors\n          alert('form submitted!')\n        } else {\n          // form have errors\n        }\n      })\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormValidationSimple.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormValidationSimple.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormValidationSimple.vue?vue&type=template&id=3c724c1c&\"\nimport script from \"./FormValidationSimple.vue?vue&type=script&lang=js&\"\nexport * from \"./FormValidationSimple.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Validating multiple rules\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can validate multiple rules using \"),_c('code',[_vm._v(\"|\")]),_vm._v(\". You can find more validation rules \"),_c('a',{attrs:{\"href\":\"https://baianat.github.io/vee-validate/guide/rules.html\",\"target\":\"_blank\",\"rel\":\"nofollow\"}},[_vm._v(\"here\")])]),_c('div',{staticClass:\"mt-5\"},[_c('form',[_c('div',{staticClass:\"vx-row lg:w-1/2 w-full\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha'),expression:\"'required|alpha'\"}],staticClass:\"mt-5 w-full\",attrs:{\"placeholder\":\"Your Name\",\"name\":\"name\"},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('name')),expression:\"errors.has('name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('name')))])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha_dash'),expression:\"'required|alpha_dash'\"}],staticClass:\"mt-5 w-full\",attrs:{\"placeholder\":\"Your Username\",\"name\":\"username\"},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('username')),expression:\"errors.has('username')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('username')))])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|email'),expression:\"'required|email'\"}],staticClass:\"mt-5 w-full\",attrs:{\"placeholder\":\"Your Email\",\"name\":\"email\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('email')),expression:\"errors.has('email')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('email')))])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|min:6|max:10'),expression:\"'required|min:6|max:10'\"}],ref:\"password\",staticClass:\"mt-5 w-full\",attrs:{\"type\":\"password\",\"placeholder\":\"Your Password\",\"name\":\"password\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('password')),expression:\"errors.has('password')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('password')))])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|min:6|max:10|confirmed:password'),expression:\"'required|min:6|max:10|confirmed:password'\"}],staticClass:\"mt-5 w-full\",attrs:{\"type\":\"password\",\"data-vv-as\":\"password\",\"placeholder\":\"Confirm Password\",\"name\":\"confirm_password\"},model:{value:(_vm.confirm_password),callback:function ($$v) {_vm.confirm_password=$$v},expression:\"confirm_password\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('confirm_password')),expression:\"errors.has('confirm_password')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('confirm_password')))])],1)]),_c('vs-button',{staticClass:\"mt-5 block\",attrs:{\"type\":\"filled\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitForm.apply(null, arguments)}}},[_vm._v(\"Submit\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <form>\\n    <div class=\\\"vx-row w-1/2\\\">\\n\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'required|alpha'\\\" placeholder=\\\"Your Name\\\" name=\\\"name\\\" v-model=\\\"name\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\"  v-show=\\\"errors.has('name')\\\">\"+_vm._s(\"\\{\\{ errors.first('name') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'required|alpha_dash'\\\" placeholder=\\\"Your Username\\\" name=\\\"username\\\" v-model=\\\"username\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('username')\\\">\"+_vm._s(\"\\{\\{ errors.first('username') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'required|email'\\\" placeholder=\\\"Your Email\\\" name=\\\"email\\\" v-model=\\\"email\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('email')\\\">\"+_vm._s(\"\\{\\{ errors.first('email') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input type=\\\"password\\\" size=\\\"large\\\" v-validate=\\\"'required|min:6|max:10'\\\" ref=\\\"password\\\" placeholder=\\\"Your Password\\\" name=\\\"password\\\" v-model=\\\"password\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('password')\\\">\"+_vm._s(\"\\{\\{ errors.first('password') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input type=\\\"password\\\" size=\\\"large\\\" v-validate=\\\"'required|min:6|max:10|confirmed:password'\\\" data-vv-as=\\\"password\\\" placeholder=\\\"Confirm Password\\\" name=\\\"confirm_password\\\" v-model=\\\"confirm_password\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('confirm_password')\\\">\"+_vm._s(\"\\{\\{ errors.first('confirm_password') \\}\\}\")+\"</span>\\n      </div>\\n    </div>\\n\\n    <vs-button type=\\\"filled\\\" @click.prevent=\\\"submitForm\\\" class=\\\"mt-5 block\\\">Submit</vs-button>\\n  </form>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      name: \\\"\\\",\\n      username: \\\"\\\",\\n      email: \\\"\\\",\\n      password: \\\"\\\",\\n      confirm_password: \\\"\\\",\\n    }\\n  },\\n  methods: {\\n    submitForm() {\\n      this.$validator.validateAll().then(result => {\\n        if (result) {\\n          // if form have no errors\\n          alert(\\\"form submitted!\\\");\\n        } else {\\n          // form have errors\\n        }\\n      })\\n    }\\n  },\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: FormValidationMultipleRules.vue\n    Description: Simple form validation\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Validating multiple rules\" code-toggler>\n\n        <p>You can validate multiple rules using <code>|</code>. You can find more validation rules <a href=\"https://baianat.github.io/vee-validate/guide/rules.html\" target=\"_blank\" rel=\"nofollow\">here</a></p>\n        <div class=\"mt-5\">\n            <form>\n                <div class=\"vx-row lg:w-1/2 w-full\">\n                    <div class=\"vx-col w-full\">\n                        <vs-input v-validate=\"'required|alpha'\" placeholder=\"Your Name\" name=\"name\" v-model=\"name\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\"  v-show=\"errors.has('name')\">{{ errors.first('name') }}</span>\n                    </div>\n\n                    <div class=\"vx-col lg:w-1/2 w-full\">\n                        <vs-input v-validate=\"'required|alpha_dash'\" placeholder=\"Your Username\" name=\"username\" v-model=\"username\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('username')\">{{ errors.first('username') }}</span>\n                    </div>\n\n                    <div class=\"vx-col lg:w-1/2 w-full\">\n                        <vs-input v-validate=\"'required|email'\" placeholder=\"Your Email\" name=\"email\" v-model=\"email\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('email')\">{{ errors.first('email') }}</span>\n                    </div>\n\n                    <div class=\"vx-col lg:w-1/2 w-full\">\n                        <vs-input type=\"password\" v-validate=\"'required|min:6|max:10'\" ref=\"password\" placeholder=\"Your Password\" name=\"password\" v-model=\"password\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('password')\">{{ errors.first('password') }}</span>\n                    </div>\n\n                    <div class=\"vx-col lg:w-1/2 w-full\">\n                        <vs-input type=\"password\" v-validate=\"'required|min:6|max:10|confirmed:password'\" data-vv-as=\"password\" placeholder=\"Confirm Password\" name=\"confirm_password\" v-model=\"confirm_password\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('confirm_password')\">{{ errors.first('confirm_password') }}</span>\n                    </div>\n\n                </div>\n                <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\n            </form>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;form&gt;\n    &lt;div class=&quot;vx-row w-1/2&quot;&gt;\n\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|alpha'&quot; placeholder=&quot;Your Name&quot; name=&quot;name&quot; v-model=&quot;name&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot;  v-show=&quot;errors.has('name')&quot;&gt;{{ \"\\{\\{ errors.first('name') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|alpha_dash'&quot; placeholder=&quot;Your Username&quot; name=&quot;username&quot; v-model=&quot;username&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('username')&quot;&gt;{{ \"\\{\\{ errors.first('username') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|email'&quot; placeholder=&quot;Your Email&quot; name=&quot;email&quot; v-model=&quot;email&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('email')&quot;&gt;{{ \"\\{\\{ errors.first('email') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input type=&quot;password&quot; size=&quot;large&quot; v-validate=&quot;'required|min:6|max:10'&quot; ref=&quot;password&quot; placeholder=&quot;Your Password&quot; name=&quot;password&quot; v-model=&quot;password&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('password')&quot;&gt;{{ \"\\{\\{ errors.first('password') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input type=&quot;password&quot; size=&quot;large&quot; v-validate=&quot;'required|min:6|max:10|confirmed:password'&quot; data-vv-as=&quot;password&quot; placeholder=&quot;Confirm Password&quot; name=&quot;confirm_password&quot; v-model=&quot;confirm_password&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('confirm_password')&quot;&gt;{{ \"\\{\\{ errors.first('confirm_password') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n\n    &lt;vs-button type=&quot;filled&quot; @click.prevent=&quot;submitForm&quot; class=&quot;mt-5 block&quot;&gt;Submit&lt;/vs-button&gt;\n  &lt;/form&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      name: &quot;&quot;,\n      username: &quot;&quot;,\n      email: &quot;&quot;,\n      password: &quot;&quot;,\n      confirm_password: &quot;&quot;,\n    }\n  },\n  methods: {\n    submitForm() {\n      this.$validator.validateAll().then(result =&gt; {\n        if (result) {\n          // if form have no errors\n          alert(&quot;form submitted!&quot;);\n        } else {\n          // form have errors\n        }\n      })\n    }\n  },\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      name: '',\n      username: '',\n      email: '',\n      password: '',\n      confirm_password: ''\n    }\n  },\n  methods: {\n    submitForm () {\n      this.$validator.validateAll().then(result => {\n        if (result) {\n          // if form have no errors\n          alert('form submitted!')\n        } else {\n          // form have errors\n        }\n      })\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormValidationMultipleRules.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormValidationMultipleRules.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormValidationMultipleRules.vue?vue&type=template&id=2ed849ec&\"\nimport script from \"./FormValidationMultipleRules.vue?vue&type=script&lang=js&\"\nexport * from \"./FormValidationMultipleRules.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Custom error messages\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"With vee-validate you can display your own custom error messages\")]),_c('div',{staticClass:\"mt-5\"},[_c('form',[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha'),expression:\"'required|alpha'\"}],staticClass:\"mt-5\",attrs:{\"placeholder\":\"First Name\",\"name\":\"first_name\"},model:{value:(_vm.first_name),callback:function ($$v) {_vm.first_name=$$v},expression:\"first_name\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('first_name')),expression:\"errors.has('first_name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('first_name')))]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha'),expression:\"'required|alpha'\"}],staticClass:\"mt-5\",attrs:{\"placeholder\":\"Last Name\",\"name\":\"last_name\"},model:{value:(_vm.last_name),callback:function ($$v) {_vm.last_name=$$v},expression:\"last_name\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('last_name')),expression:\"errors.has('last_name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('last_name')))]),_c('vs-button',{staticClass:\"mt-5 block\",attrs:{\"type\":\"filled\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitForm.apply(null, arguments)}}},[_vm._v(\"Submit\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <form>\\n    <vs-input size=\\\"large\\\" v-validate=\\\"'required|alpha'\\\" placeholder=\\\"First Name\\\" name=\\\"first_name\\\" v-model=\\\"first_name\\\" class=\\\"mt-5\\\" />\\n    <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('first_name')\\\">\"+_vm._s(\"\\{\\{ errors.first('first_name') \\}\\}\")+\"</span>\\n\\n    <vs-input size=\\\"large\\\" v-validate=\\\"'required|alpha'\\\" placeholder=\\\"Last Name\\\" name=\\\"last_name\\\" v-model=\\\"last_name\\\" class=\\\"mt-5\\\" />\\n    <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('last_name')\\\">\"+_vm._s(\"\\{\\{ errors.first('last_name') \\}\\}\")+\"</span>\\n    <vs-button type=\\\"filled\\\" @click.prevent=\\\"submitForm\\\" class=\\\"mt-5 block\\\">Submit</vs-button>\\n  </form>\\n</template>\\n\\n<script>\\n// For custom error message\\nimport { Validator } from 'vee-validate';\\nconst dict = {\\n  custom: {\\n    first_name: {\\n      required: 'Please enter your first name',\\n      alpha: \\\"Your first name may only contain alphabetic characters\\\"\\n    },\\n    last_name: {\\n      required: 'Please enter your last name',\\n      alpha: \\\"Your last name may only contain alphabetic characters\\\"\\n    },\\n  }\\n};\\n\\n// register custom messages\\nValidator.localize('en', dict);\\n\\nexport default {\\n  data() {\\n    return {\\n      first_name: \\\"\\\",\\n      last_name: \\\"\\\",\\n    }\\n  },\\n  methods: {\\n    submitForm() {\\n      this.$validator.validateAll().then(result => {\\n        if (result) {\\n          // if form have no errors\\n          alert(\\\"form submitted!\\\");\\n        } else {\\n          // form have errors\\n        }\\n      })\\n    }\\n  },\\n}\\n</script>\\n    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: FormValidationCustomErrorMessages.vue\n  Description: Dispalying custom error messages as error\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n  <vx-card title=\"Custom error messages\" code-toggler>\n\n    <p>With vee-validate you can display your own custom error messages</p>\n    <div class=\"mt-5\">\n      <form>\n        <vs-input v-validate=\"'required|alpha'\" placeholder=\"First Name\" name=\"first_name\" v-model=\"first_name\" class=\"mt-5\" />\n        <span class=\"text-danger text-sm\" v-show=\"errors.has('first_name')\">{{ errors.first('first_name') }}</span>\n\n        <vs-input v-validate=\"'required|alpha'\" placeholder=\"Last Name\" name=\"last_name\" v-model=\"last_name\" class=\"mt-5\" />\n        <span class=\"text-danger text-sm\" v-show=\"errors.has('last_name')\">{{ errors.first('last_name') }}</span>\n\n        <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\n      </form>\n    </div>\n\n    <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;form&gt;\n    &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|alpha'&quot; placeholder=&quot;First Name&quot; name=&quot;first_name&quot; v-model=&quot;first_name&quot; class=&quot;mt-5&quot; /&gt;\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('first_name')&quot;&gt;{{ \"\\{\\{ errors.first('first_name') \\}\\}\" }}&lt;/span&gt;\n\n    &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|alpha'&quot; placeholder=&quot;Last Name&quot; name=&quot;last_name&quot; v-model=&quot;last_name&quot; class=&quot;mt-5&quot; /&gt;\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('last_name')&quot;&gt;{{ \"\\{\\{ errors.first('last_name') \\}\\}\" }}&lt;/span&gt;\n    &lt;vs-button type=&quot;filled&quot; @click.prevent=&quot;submitForm&quot; class=&quot;mt-5 block&quot;&gt;Submit&lt;/vs-button&gt;\n  &lt;/form&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\n// For custom error message\nimport { Validator } from 'vee-validate';\nconst dict = {\n  custom: {\n    first_name: {\n      required: 'Please enter your first name',\n      alpha: &quot;Your first name may only contain alphabetic characters&quot;\n    },\n    last_name: {\n      required: 'Please enter your last name',\n      alpha: &quot;Your last name may only contain alphabetic characters&quot;\n    },\n  }\n};\n\n// register custom messages\nValidator.localize('en', dict);\n\nexport default {\n  data() {\n    return {\n      first_name: &quot;&quot;,\n      last_name: &quot;&quot;,\n    }\n  },\n  methods: {\n    submitForm() {\n      this.$validator.validateAll().then(result =&gt; {\n        if (result) {\n          // if form have no errors\n          alert(&quot;form submitted!&quot;);\n        } else {\n          // form have errors\n        }\n      })\n    }\n  },\n}\n&lt;/script&gt;\n    </template>\n  </vx-card>\n</template>\n\n<script>\n// For custom error message\nimport { Validator } from 'vee-validate'\nconst dict = {\n  custom: {\n    first_name: {\n      required: 'Please enter your first name',\n      alpha: 'Your first name may only contain alphabetic characters'\n    },\n    last_name: {\n      required: 'Please enter your last name',\n      alpha: 'Your last name may only contain alphabetic characters'\n    }\n  }\n}\n\n// register custom messages\nValidator.localize('en', dict)\n\nexport default {\n  data () {\n    return {\n      first_name: '',\n      last_name: ''\n    }\n  },\n  methods: {\n    submitForm () {\n      this.$validator.validateAll().then(result => {\n        if (result) {\n          // if form have no errors\n          alert('form submitted!')\n        } else {\n          // form have errors\n        }\n      })\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormValidationCustomErrorMessages.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormValidationCustomErrorMessages.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormValidationCustomErrorMessages.vue?vue&type=template&id=189ba25c&\"\nimport script from \"./FormValidationCustomErrorMessages.vue?vue&type=script&lang=js&\"\nexport * from \"./FormValidationCustomErrorMessages.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Change default event for form validation\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can change default event when validation triggers using \"),_c('code',[_vm._v(\"data-vv-validate-on\")])]),_c('div',{staticClass:\"mt-5\"},[_c('form',[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha'),expression:\"'required|alpha'\"}],staticClass:\"mt-5\",attrs:{\"placeholder\":\"First Name\",\"name\":\"first_name\",\"data-vv-validate-on\":\"blur\"},model:{value:(_vm.first_name),callback:function ($$v) {_vm.first_name=$$v},expression:\"first_name\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('first_name')),expression:\"errors.has('first_name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('first_name')))]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha'),expression:\"'required|alpha'\"}],staticClass:\"mt-5\",attrs:{\"placeholder\":\"Last Name\",\"name\":\"last_name\",\"data-vv-validate-on\":\"blur\"},model:{value:(_vm.last_name),callback:function ($$v) {_vm.last_name=$$v},expression:\"last_name\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('last_name')),expression:\"errors.has('last_name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('last_name')))]),_c('vs-button',{staticClass:\"mt-5 block\",attrs:{\"type\":\"filled\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitForm.apply(null, arguments)}}},[_vm._v(\"Submit\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <form>\\n    <vs-input size=\\\"large\\\" v-validate=\\\"'required|alpha'\\\" placeholder=\\\"First Name\\\" name=\\\"first_name\\\" v-model=\\\"first_name\\\" class=\\\"mt-5\\\" data-vv-validate-on=\\\"blur\\\" />\\n    <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('first_name')\\\">\"+_vm._s(\"\\{\\{ errors.first('first_name') \\}\\}\")+\"</span>\\n\\n    <vs-input size=\\\"large\\\" v-validate=\\\"'required|alpha'\\\" placeholder=\\\"Last Name\\\" name=\\\"last_name\\\" v-model=\\\"last_name\\\" class=\\\"mt-5\\\" data-vv-validate-on=\\\"blur\\\" />\\n    <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('last_name')\\\">\"+_vm._s(\"\\{\\{ errors.first('last_name') \\}\\}\")+\"</span>\\n\\n    <vs-button type=\\\"filled\\\" @click.prevent=\\\"submitForm\\\" class=\\\"mt-5 block\\\">Submit</vs-button>\\n  </form>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      first_name: \\\"\\\",\\n      last_name: \\\"\\\",\\n    }\\n  },\\n  methods: {\\n    submitForm() {\\n      this.$validator.validateAll().then(result => {\\n        if(result) {\\n          // if form have no errors\\n          alert(\\\"form submitted!\\\");\\n        }else{\\n          // form have errors\\n        }\\n      })\\n    }\\n  },\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: FormValidationEvents.vue\n    Description: Form validation on different events\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Change default event for form validation\" code-toggler>\n\n        <p>You can change default event when validation triggers using <code>data-vv-validate-on</code></p>\n        <div class=\"mt-5\">\n            <form>\n                <vs-input v-validate=\"'required|alpha'\" placeholder=\"First Name\" name=\"first_name\" v-model=\"first_name\" class=\"mt-5\" data-vv-validate-on=\"blur\" />\n                <span class=\"text-danger text-sm\" v-show=\"errors.has('first_name')\">{{ errors.first('first_name') }}</span>\n\n                <vs-input v-validate=\"'required|alpha'\" placeholder=\"Last Name\" name=\"last_name\" v-model=\"last_name\" class=\"mt-5\" data-vv-validate-on=\"blur\" />\n                <span class=\"text-danger text-sm\" v-show=\"errors.has('last_name')\">{{ errors.first('last_name') }}</span>\n\n                <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\n            </form>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;form&gt;\n    &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|alpha'&quot; placeholder=&quot;First Name&quot; name=&quot;first_name&quot; v-model=&quot;first_name&quot; class=&quot;mt-5&quot; data-vv-validate-on=&quot;blur&quot; /&gt;\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('first_name')&quot;&gt;{{ \"\\{\\{ errors.first('first_name') \\}\\}\" }}&lt;/span&gt;\n\n    &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|alpha'&quot; placeholder=&quot;Last Name&quot; name=&quot;last_name&quot; v-model=&quot;last_name&quot; class=&quot;mt-5&quot; data-vv-validate-on=&quot;blur&quot; /&gt;\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('last_name')&quot;&gt;{{ \"\\{\\{ errors.first('last_name') \\}\\}\" }}&lt;/span&gt;\n\n    &lt;vs-button type=&quot;filled&quot; @click.prevent=&quot;submitForm&quot; class=&quot;mt-5 block&quot;&gt;Submit&lt;/vs-button&gt;\n  &lt;/form&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      first_name: &quot;&quot;,\n      last_name: &quot;&quot;,\n    }\n  },\n  methods: {\n    submitForm() {\n      this.$validator.validateAll().then(result =&gt; {\n        if(result) {\n          // if form have no errors\n          alert(&quot;form submitted!&quot;);\n        }else{\n          // form have errors\n        }\n      })\n    }\n  },\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      first_name: '',\n      last_name: ''\n    }\n  },\n  methods: {\n    submitForm () {\n      this.$validator.validateAll().then(result => {\n        if (result) {\n          // if form have no errors\n          alert('form submitted!')\n        } else {\n          // form have errors\n        }\n      })\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormValidationEvents.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormValidationEvents.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormValidationEvents.vue?vue&type=template&id=40a4fde2&\"\nimport script from \"./FormValidationEvents.vue?vue&type=script&lang=js&\"\nexport * from \"./FormValidationEvents.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Validation types\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"VeeValidate comes with a bunch of validation rules out of the box and cover most validation needs\")]),_c('div',{staticClass:\"mt-5\"},[_c('form',[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"This field is required\",\"name\":\"required\"},model:{value:(_vm.required),callback:function ($$v) {_vm.required=$$v},expression:\"required\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('required')),expression:\"errors.has('required')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('required')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('alpha'),expression:\"'alpha'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Only alphabetic characters\",\"name\":\"alpha\"},model:{value:(_vm.alpha),callback:function ($$v) {_vm.alpha=$$v},expression:\"alpha\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('alpha')),expression:\"errors.has('alpha')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('alpha')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('alpha_dash'),expression:\"'alpha_dash'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Only alphabetic characters, numbers, dashes or underscores\",\"name\":\"alpha_dash\"},model:{value:(_vm.alpha_dash),callback:function ($$v) {_vm.alpha_dash=$$v},expression:\"alpha_dash\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('alpha_dash')),expression:\"errors.has('alpha_dash')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('alpha_dash')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('alpha_num'),expression:\"'alpha_num'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"May contain alphabetic characters or numbers\",\"name\":\"alpha_num\"},model:{value:(_vm.alpha_num),callback:function ($$v) {_vm.alpha_num=$$v},expression:\"alpha_num\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('alpha_num')),expression:\"errors.has('alpha_num')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('alpha_num')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('numeric'),expression:\"'numeric'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Must only consist of numbers\",\"name\":\"numeric\"},model:{value:(_vm.numeric),callback:function ($$v) {_vm.numeric=$$v},expression:\"numeric\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('numeric')),expression:\"errors.has('numeric')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('numeric')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('alpha_spaces'),expression:\"'alpha_spaces'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Only alphabetic characters or spaces\",\"name\":\"alpha_spaces\"},model:{value:(_vm.alpha_spaces),callback:function ($$v) {_vm.alpha_spaces=$$v},expression:\"alpha_spaces\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('alpha_spaces')),expression:\"errors.has('alpha_spaces')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('alpha_spaces')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('email'),expression:\"'email'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Must be a valid email\",\"name\":\"email\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('email')),expression:\"errors.has('email')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('email')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('url:require_protocol'),expression:\"'url:require_protocol'\"}],staticClass:\"mt-5 w-full\",attrs:{\"data-vv-as\":\"field\",\"label\":\"Must be a valid url\",\"name\":\"url\"},model:{value:(_vm.url),callback:function ($$v) {_vm.url=$$v},expression:\"url\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('url')),expression:\"errors.has('url')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('url')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('min:3'),expression:\"'min:3'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Length should not be less than the specified length : 3\",\"name\":\"min\"},model:{value:(_vm.min),callback:function ($$v) {_vm.min=$$v},expression:\"min\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('min')),expression:\"errors.has('min')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('min')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('max:6'),expression:\"'max:6'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Length may not exceed the specified length : 6\",\"name\":\"max\"},model:{value:(_vm.max),callback:function ($$v) {_vm.max=$$v},expression:\"max\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('max')),expression:\"errors.has('max')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('max')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('min:6|max:10'),expression:\"'min:6|max:10'\"}],ref:\"password\",staticClass:\"mt-5 w-full\",attrs:{\"type\":\"password\",\"label\":\"Password 1\",\"name\":\"password\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('password')),expression:\"errors.has('password')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('password')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('min:6|max:10|confirmed:password'),expression:\"'min:6|max:10|confirmed:password'\"}],staticClass:\"mt-5 w-full\",attrs:{\"type\":\"password\",\"label\":\"Confirm Password\",\"name\":\"confirm_password\",\"data-vv-as\":\"password\"},model:{value:(_vm.confirm_password),callback:function ($$v) {_vm.confirm_password=$$v},expression:\"confirm_password\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('confirm_password')),expression:\"errors.has('confirm_password')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('confirm_password')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('date_format:dd/MM/yyyy'),expression:\"'date_format:dd/MM/yyyy'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Date Format: dd/MM/yyyy\",\"name\":\"date_format\"},model:{value:(_vm.date_format),callback:function ($$v) {_vm.date_format=$$v},expression:\"date_format\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('date_format')),expression:\"errors.has('date_format')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('date_format')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('between:1,11'),expression:\"'between:1,11'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Numeric value between minimum value and a maximum value : 1 and 11\",\"name\":\"between\"},model:{value:(_vm.between),callback:function ($$v) {_vm.between=$$v},expression:\"between\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('between')),expression:\"errors.has('between')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('between')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('credit_card'),expression:\"'credit_card'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Valid credit card\",\"name\":\"credit_card\"},model:{value:(_vm.credit_card),callback:function ($$v) {_vm.credit_card=$$v},expression:\"credit_card\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('credit_card')),expression:\"errors.has('credit_card')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('credit_card')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('date_format:dd/MM/yyyy|date_between:10/09/2016,20/09/2016'),expression:\"'date_format:dd/MM/yyyy|date_between:10/09/2016,20/09/2016'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016\",\"name\":\"date_between\"},model:{value:(_vm.date_between),callback:function ($$v) {_vm.date_between=$$v},expression:\"date_between\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('date_between')),expression:\"errors.has('date_between')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('date_between')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('digits:3'),expression:\"'digits:3'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Must be numeric and have the specified number of digits : 3\",\"name\":\"digits\"},model:{value:(_vm.digits),callback:function ($$v) {_vm.digits=$$v},expression:\"digits\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('digits')),expression:\"errors.has('digits')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('digits')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-select',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('included:1,3'),expression:\"'included:1,3'\"}],staticClass:\"select-large mt-5 w-full\",attrs:{\"name\":\"included\",\"label\":\"Must have a value that is in the specified list : 1 or 3\"},model:{value:(_vm.select1),callback:function ($$v) {_vm.select1=$$v},expression:\"select1\"}},_vm._l((_vm.options1),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('included')),expression:\"errors.has('included')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('included')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('max_value:100'),expression:\"'max_value:100'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Numeric value and must not be greater than the specified value : 100\",\"name\":\"max_value\"},model:{value:(_vm.max_value),callback:function ($$v) {_vm.max_value=$$v},expression:\"max_value\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('max_value')),expression:\"errors.has('max_value')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('max_value')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('min_value:10'),expression:\"'min_value:10'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Numeric value and must not be less than the specified value : 10\",\"name\":\"min_value\"},model:{value:(_vm.min_value),callback:function ($$v) {_vm.min_value=$$v},expression:\"min_value\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('min_value')),expression:\"errors.has('min_value')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('min_value')))])],1),_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:({regex: '^([0-9]+)$' }),expression:\"{regex: '^([0-9]+)$' }\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Must match the specified regular expression : ^([0-9]+)$ - numbers only\",\"name\":\"regex\"},model:{value:(_vm.regex),callback:function ($$v) {_vm.regex=$$v},expression:\"regex\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('regex')),expression:\"errors.has('regex')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('regex')))])],1)]),_c('vs-button',{staticClass:\"mt-5 block\",attrs:{\"type\":\"filled\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitForm.apply(null, arguments)}}},[_vm._v(\"Submit\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <form>\\n    <div class=\\\"vx-row\\\">\\n\\n      <!-- required -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'required'\\\" label=\\\"This field is required\\\" name=\\\"required\\\" v-model=\\\"required\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('required')\\\">\"+_vm._s(\"\\{\\{ errors.first('required') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Only alphabetic characters -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'alpha'\\\" label=\\\"Only alphabetic characters\\\" name=\\\"alpha\\\" v-model=\\\"alpha\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('alpha')\\\">\"+_vm._s(\"\\{\\{ errors.first('alpha') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Only alphabetic characters, numbers, dashes or underscores -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'alpha_dash'\\\" label=\\\"Only alphabetic characters, numbers, dashes or underscores\\\" name=\\\"alpha_dash\\\" v-model=\\\"alpha_dash\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('alpha_dash')\\\">\"+_vm._s(\"\\{\\{ errors.first('alpha_dash') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- May contain alphabetic characters or numbers -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'alpha_num'\\\" label=\\\"May contain alphabetic characters or numbers\\\" name=\\\"alpha_num\\\" v-model=\\\"alpha_num\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('alpha_num')\\\">\"+_vm._s(\"\\{\\{ errors.first('alpha_num') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Must only consist of numbers -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'numeric'\\\" label=\\\"Must only consist of numbers\\\" name=\\\"numeric\\\" v-model=\\\"numeric\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('numeric')\\\">\"+_vm._s(\"\\{\\{ errors.first('numeric') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Only alphabetic characters or spaces -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'alpha_spaces'\\\" label=\\\"Only alphabetic characters or spaces\\\" name=\\\"alpha_spaces\\\" v-model=\\\"alpha_spaces\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('alpha_spaces')\\\">\"+_vm._s(\"\\{\\{ errors.first('alpha_spaces') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Must be a valid email -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'email'\\\" label=\\\"Must be a valid email\\\" name=\\\"email\\\" v-model=\\\"email\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('email')\\\">\"+_vm._s(\"\\{\\{ errors.first('email') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Must be a valid url -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'url:require_protocol'\\\" data-vv-as=\\\"field\\\" label=\\\"Must be a valid url\\\" name=\\\"url\\\" v-model=\\\"url\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('url')\\\">\"+_vm._s(\"\\{\\{ errors.first('url') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Length should not be less than the specified length : 3 -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'min:3'\\\" label=\\\"Length should not be less than the specified length : 3\\\" name=\\\"min\\\" v-model=\\\"min\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('min')\\\">\"+_vm._s(\"\\{\\{ errors.first('min') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Length may not exceed the specified length : 6 -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'max:6'\\\" label=\\\"Length may not exceed the specified length : 6\\\" name=\\\"max\\\" v-model=\\\"max\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('max')\\\">\"+_vm._s(\"\\{\\{ errors.first('max') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Password 1 -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input type=\\\"password\\\" size=\\\"large\\\" v-validate=\\\"'min:6|max:10'\\\" label=\\\"Password 1\\\" name=\\\"password\\\" v-model=\\\"password\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('password')\\\">\"+_vm._s(\"\\{\\{ errors.first('password') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Confirm Password -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'min:6|max:10|confirmed:password'\\\" label=\\\"Confirm Password\\\" name=\\\"confirm_password\\\" v-model=\\\"confirm_password\\\" class=\\\"mt-5 w-full\\\" data-vv-as=\\\"password\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('confirm_password')\\\">\"+_vm._s(\"\\{\\{ errors.first('confirm_password') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Date Format: dd/MM/yyyy -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'date_format:dd/MM/yyyy'\\\" label=\\\"Date Format: dd/MM/yyyy\\\" name=\\\"date_format\\\" v-model=\\\"date_format\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('date_format')\\\">\"+_vm._s(\"\\{\\{ errors.first('date_format') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Numeric value between minimum value and a maximum value : 1 and 11 -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'between:1,11'\\\" label=\\\"Numeric value between minimum value and a maximum value : 1 and 11\\\" name=\\\"between\\\" v-model=\\\"between\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('between')\\\">\"+_vm._s(\"\\{\\{ errors.first('between') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Valid credit card -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'credit_card'\\\" label=\\\"Valid credit card\\\" name=\\\"credit_card\\\" v-model=\\\"credit_card\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('credit_card')\\\">\"+_vm._s(\"\\{\\{ errors.first('credit_card') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016 -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'date_format:dd/MM/yyyy|date_between:10/09/2016,20/09/2016'\\\" label=\\\"Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016\\\" name=\\\"date_between\\\" v-model=\\\"date_between\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('date_between')\\\">\"+_vm._s(\"\\{\\{ errors.first('date_between') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Must be numeric and have the specified number of digits : 3 -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'digits:3'\\\" label=\\\"Must be numeric and have the specified number of digits : 3\\\" name=\\\"digits\\\" v-model=\\\"digits\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('digits')\\\">\"+_vm._s(\"\\{\\{ errors.first('digits') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Must have a value that is in the specified list : 1 or 3 -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-select v-validate=\\\"'included:1,3'\\\" v-model=\\\"select1\\\" name=\\\"included\\\" label=\\\"Must have a value that is in the specified list : 1 or 3\\\" class=\\\"select-large mt-5 w-full\\\">\\n          <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options1\\\" />\\n        </vs-select>\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('included')\\\">\"+_vm._s(\"\\{\\{ errors.first('included') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Numeric value and must not be greater than the specified value : 100 -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'max_value:100'\\\" label=\\\"Numeric value and must not be greater than the specified value : 100\\\" name=\\\"max_value\\\" v-model=\\\"max_value\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('max_value')\\\">\"+_vm._s(\"\\{\\{ errors.first('max_value') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Numeric value and must not be less than the specified value : 10 -->\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'min_value:10'\\\" label=\\\"Numeric value and must not be less than the specified value : 10\\\" name=\\\"min_value\\\" v-model=\\\"min_value\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('min_value')\\\">\"+_vm._s(\"\\{\\{ errors.first('min_value') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <!-- Must match the specified regular expression : ^([0-9]+)$ - numbers only -->\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"{regex: '^([0-9]+)$' }\\\" label=\\\"Must match the specified regular expression : ^([0-9]+)$ - numbers only\\\" name=\\\"regex\\\" v-model=\\\"regex\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('regex')\\\">\"+_vm._s(\"\\{\\{ errors.first('regex') \\}\\}\")+\"</span>\\n      </div>\\n    </div>\\n    <vs-button type=\\\"filled\\\" @click.prevent=\\\"submitForm\\\" class=\\\"mt-5 block\\\">Submit</vs-button>\\n  </form>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      required: \\\"\\\",\\n      alpha: \\\"\\\",\\n      alpha_dash: \\\"\\\",\\n      alpha_num: \\\"\\\",\\n      numeric: \\\"\\\",\\n      alpha_spaces: \\\"\\\",\\n      email: \\\"\\\",\\n      url: \\\"\\\",\\n      min: \\\"\\\",\\n      max: \\\"\\\",\\n      password: \\\"\\\",\\n      confirm_password: \\\"\\\",\\n      date_format: \\\"\\\",\\n      between: \\\"\\\",\\n      credit_card: \\\"\\\",\\n      date_between: \\\"\\\",\\n      digits: \\\"\\\",\\n      select1: \\\"\\\",\\n      options1: [\\n        { text: \\\"One\\\", value: 1 },\\n        { text: \\\"Two\\\", value: 2 },\\n        { text: \\\"Three\\\", value: 3 },\\n        { text: \\\"Four\\\", value: 4 },\\n        { text: \\\"Five\\\", value: 5 },\\n      ],\\n      max_value: \\\"\\\",\\n      min_value: \\\"\\\",\\n      regex: \\\"\\\",\\n    }\\n  },\\n  methods: {\\n    submitForm() {\\n      this.$validator.validateAll().then(result => {\\n        if (result) {\\n          // if form have no errors\\n          alert(\\\"form submitted!\\\");\\n        } else {\\n          // form have errors\\n        }\\n      })\\n    }\\n  },\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: FormValidationTypes.vue\n    Description: Validation types\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Validation types\" code-toggler>\n\n        <p>VeeValidate comes with a bunch of validation rules out of the box and cover most validation needs</p>\n        <div class=\"mt-5\">\n            <form>\n                <div class=\"vx-row\">\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'required'\" label=\"This field is required\" name=\"required\" v-model=\"required\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('required')\">{{ errors.first('required') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'alpha'\" label=\"Only alphabetic characters\" name=\"alpha\" v-model=\"alpha\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('alpha')\">{{ errors.first('alpha') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'alpha_dash'\" label=\"Only alphabetic characters, numbers, dashes or underscores\" name=\"alpha_dash\" v-model=\"alpha_dash\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('alpha_dash')\">{{ errors.first('alpha_dash') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'alpha_num'\" label=\"May contain alphabetic characters or numbers\" name=\"alpha_num\" v-model=\"alpha_num\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('alpha_num')\">{{ errors.first('alpha_num') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'numeric'\" label=\"Must only consist of numbers\" name=\"numeric\" v-model=\"numeric\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('numeric')\">{{ errors.first('numeric') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'alpha_spaces'\" label=\"Only alphabetic characters or spaces\" name=\"alpha_spaces\" v-model=\"alpha_spaces\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('alpha_spaces')\">{{ errors.first('alpha_spaces') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'email'\" label=\"Must be a valid email\" name=\"email\" v-model=\"email\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('email')\">{{ errors.first('email') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'url:require_protocol'\" data-vv-as=\"field\" label=\"Must be a valid url\" name=\"url\" v-model=\"url\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('url')\">{{ errors.first('url') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'min:3'\" label=\"Length should not be less than the specified length : 3\" name=\"min\" v-model=\"min\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('min')\">{{ errors.first('min') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'max:6'\" label=\"Length may not exceed the specified length : 6\" name=\"max\" v-model=\"max\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('max')\">{{ errors.first('max') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input type=\"password\" v-validate=\"'min:6|max:10'\" label=\"Password 1\" name=\"password\" v-model=\"password\" class=\"mt-5 w-full\" ref=\"password\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('password')\">{{ errors.first('password') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input type=\"password\" v-validate=\"'min:6|max:10|confirmed:password'\" label=\"Confirm Password\" name=\"confirm_password\" v-model=\"confirm_password\" class=\"mt-5 w-full\" data-vv-as=\"password\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('confirm_password')\">{{ errors.first('confirm_password') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'date_format:dd/MM/yyyy'\" label=\"Date Format: dd/MM/yyyy\" name=\"date_format\" v-model=\"date_format\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('date_format')\">{{ errors.first('date_format') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'between:1,11'\" label=\"Numeric value between minimum value and a maximum value : 1 and 11\" name=\"between\" v-model=\"between\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('between')\">{{ errors.first('between') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'credit_card'\" label=\"Valid credit card\" name=\"credit_card\" v-model=\"credit_card\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('credit_card')\">{{ errors.first('credit_card') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'date_format:dd/MM/yyyy|date_between:10/09/2016,20/09/2016'\" label=\"Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016\" name=\"date_between\" v-model=\"date_between\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('date_between')\">{{ errors.first('date_between') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'digits:3'\" label=\"Must be numeric and have the specified number of digits : 3\" name=\"digits\" v-model=\"digits\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('digits')\">{{ errors.first('digits') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-select  v-validate=\"'included:1,3'\" v-model=\"select1\" name=\"included\" label=\"Must have a value that is in the specified list : 1 or 3\" class=\"select-large mt-5 w-full\">\n                            <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options1\" />\n                        </vs-select>\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('included')\">{{ errors.first('included') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'max_value:100'\" label=\"Numeric value and must not be greater than the specified value : 100\" name=\"max_value\" v-model=\"max_value\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('max_value')\">{{ errors.first('max_value') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'min_value:10'\" label=\"Numeric value and must not be less than the specified value : 10\" name=\"min_value\" v-model=\"min_value\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('min_value')\">{{ errors.first('min_value') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-full\">\n                        <vs-input v-validate=\"{regex: '^([0-9]+)$' }\" label=\"Must match the specified regular expression : ^([0-9]+)$ - numbers only\" name=\"regex\" v-model=\"regex\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('regex')\">{{ errors.first('regex') }}</span>\n                    </div>\n\n\n                </div>\n                <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\n            </form>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;form&gt;\n    &lt;div class=&quot;vx-row&quot;&gt;\n\n      &lt;!-- required --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required'&quot; label=&quot;This field is required&quot; name=&quot;required&quot; v-model=&quot;required&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('required')&quot;&gt;{{ \"\\{\\{ errors.first('required') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Only alphabetic characters --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'alpha'&quot; label=&quot;Only alphabetic characters&quot; name=&quot;alpha&quot; v-model=&quot;alpha&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('alpha')&quot;&gt;{{ \"\\{\\{ errors.first('alpha') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Only alphabetic characters, numbers, dashes or underscores --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'alpha_dash'&quot; label=&quot;Only alphabetic characters, numbers, dashes or underscores&quot; name=&quot;alpha_dash&quot; v-model=&quot;alpha_dash&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('alpha_dash')&quot;&gt;{{ \"\\{\\{ errors.first('alpha_dash') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- May contain alphabetic characters or numbers --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'alpha_num'&quot; label=&quot;May contain alphabetic characters or numbers&quot; name=&quot;alpha_num&quot; v-model=&quot;alpha_num&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('alpha_num')&quot;&gt;{{ \"\\{\\{ errors.first('alpha_num') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must only consist of numbers --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'numeric'&quot; label=&quot;Must only consist of numbers&quot; name=&quot;numeric&quot; v-model=&quot;numeric&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('numeric')&quot;&gt;{{ \"\\{\\{ errors.first('numeric') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Only alphabetic characters or spaces --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'alpha_spaces'&quot; label=&quot;Only alphabetic characters or spaces&quot; name=&quot;alpha_spaces&quot; v-model=&quot;alpha_spaces&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('alpha_spaces')&quot;&gt;{{ \"\\{\\{ errors.first('alpha_spaces') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must be a valid email --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'email'&quot; label=&quot;Must be a valid email&quot; name=&quot;email&quot; v-model=&quot;email&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('email')&quot;&gt;{{ \"\\{\\{ errors.first('email') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must be a valid url --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'url:require_protocol'&quot; data-vv-as=&quot;field&quot; label=&quot;Must be a valid url&quot; name=&quot;url&quot; v-model=&quot;url&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('url')&quot;&gt;{{ \"\\{\\{ errors.first('url') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Length should not be less than the specified length : 3 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'min:3'&quot; label=&quot;Length should not be less than the specified length : 3&quot; name=&quot;min&quot; v-model=&quot;min&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('min')&quot;&gt;{{ \"\\{\\{ errors.first('min') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Length may not exceed the specified length : 6 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'max:6'&quot; label=&quot;Length may not exceed the specified length : 6&quot; name=&quot;max&quot; v-model=&quot;max&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('max')&quot;&gt;{{ \"\\{\\{ errors.first('max') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Password 1 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input type=&quot;password&quot; size=&quot;large&quot; v-validate=&quot;'min:6|max:10'&quot; label=&quot;Password 1&quot; name=&quot;password&quot; v-model=&quot;password&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('password')&quot;&gt;{{ \"\\{\\{ errors.first('password') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Confirm Password --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'min:6|max:10|confirmed:password'&quot; label=&quot;Confirm Password&quot; name=&quot;confirm_password&quot; v-model=&quot;confirm_password&quot; class=&quot;mt-5 w-full&quot; data-vv-as=&quot;password&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('confirm_password')&quot;&gt;{{ \"\\{\\{ errors.first('confirm_password') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Date Format: dd/MM/yyyy --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'date_format:dd/MM/yyyy'&quot; label=&quot;Date Format: dd/MM/yyyy&quot; name=&quot;date_format&quot; v-model=&quot;date_format&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('date_format')&quot;&gt;{{ \"\\{\\{ errors.first('date_format') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Numeric value between minimum value and a maximum value : 1 and 11 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'between:1,11'&quot; label=&quot;Numeric value between minimum value and a maximum value : 1 and 11&quot; name=&quot;between&quot; v-model=&quot;between&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('between')&quot;&gt;{{ \"\\{\\{ errors.first('between') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Valid credit card --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'credit_card'&quot; label=&quot;Valid credit card&quot; name=&quot;credit_card&quot; v-model=&quot;credit_card&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('credit_card')&quot;&gt;{{ \"\\{\\{ errors.first('credit_card') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'date_format:dd/MM/yyyy|date_between:10/09/2016,20/09/2016'&quot; label=&quot;Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016&quot; name=&quot;date_between&quot; v-model=&quot;date_between&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('date_between')&quot;&gt;{{ \"\\{\\{ errors.first('date_between') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must be numeric and have the specified number of digits : 3 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'digits:3'&quot; label=&quot;Must be numeric and have the specified number of digits : 3&quot; name=&quot;digits&quot; v-model=&quot;digits&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('digits')&quot;&gt;{{ \"\\{\\{ errors.first('digits') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must have a value that is in the specified list : 1 or 3 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-select v-validate=&quot;'included:1,3'&quot; v-model=&quot;select1&quot; name=&quot;included&quot; label=&quot;Must have a value that is in the specified list : 1 or 3&quot; class=&quot;select-large mt-5 w-full&quot;&gt;\n          &lt;vs-select-item :key=&quot;index&quot; :value=&quot;item.value&quot; :text=&quot;item.text&quot; v-for=&quot;(item,index) in options1&quot; /&gt;\n        &lt;/vs-select&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('included')&quot;&gt;{{ \"\\{\\{ errors.first('included') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Numeric value and must not be greater than the specified value : 100 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'max_value:100'&quot; label=&quot;Numeric value and must not be greater than the specified value : 100&quot; name=&quot;max_value&quot; v-model=&quot;max_value&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('max_value')&quot;&gt;{{ \"\\{\\{ errors.first('max_value') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Numeric value and must not be less than the specified value : 10 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'min_value:10'&quot; label=&quot;Numeric value and must not be less than the specified value : 10&quot; name=&quot;min_value&quot; v-model=&quot;min_value&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('min_value')&quot;&gt;{{ \"\\{\\{ errors.first('min_value') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must match the specified regular expression : ^([0-9]+)$ - numbers only --&gt;\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;{regex: '^([0-9]+)$' }&quot; label=&quot;Must match the specified regular expression : ^([0-9]+)$ - numbers only&quot; name=&quot;regex&quot; v-model=&quot;regex&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('regex')&quot;&gt;{{ \"\\{\\{ errors.first('regex') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n    &lt;vs-button type=&quot;filled&quot; @click.prevent=&quot;submitForm&quot; class=&quot;mt-5 block&quot;&gt;Submit&lt;/vs-button&gt;\n  &lt;/form&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      required: &quot;&quot;,\n      alpha: &quot;&quot;,\n      alpha_dash: &quot;&quot;,\n      alpha_num: &quot;&quot;,\n      numeric: &quot;&quot;,\n      alpha_spaces: &quot;&quot;,\n      email: &quot;&quot;,\n      url: &quot;&quot;,\n      min: &quot;&quot;,\n      max: &quot;&quot;,\n      password: &quot;&quot;,\n      confirm_password: &quot;&quot;,\n      date_format: &quot;&quot;,\n      between: &quot;&quot;,\n      credit_card: &quot;&quot;,\n      date_between: &quot;&quot;,\n      digits: &quot;&quot;,\n      select1: &quot;&quot;,\n      options1: [\n        { text: &quot;One&quot;, value: 1 },\n        { text: &quot;Two&quot;, value: 2 },\n        { text: &quot;Three&quot;, value: 3 },\n        { text: &quot;Four&quot;, value: 4 },\n        { text: &quot;Five&quot;, value: 5 },\n      ],\n      max_value: &quot;&quot;,\n      min_value: &quot;&quot;,\n      regex: &quot;&quot;,\n    }\n  },\n  methods: {\n    submitForm() {\n      this.$validator.validateAll().then(result =&gt; {\n        if (result) {\n          // if form have no errors\n          alert(&quot;form submitted!&quot;);\n        } else {\n          // form have errors\n        }\n      })\n    }\n  },\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      required: '',\n      alpha: '',\n      alpha_dash: '',\n      alpha_num: '',\n      numeric: '',\n      alpha_spaces: '',\n      email: '',\n      url: '',\n      min: '',\n      max: '',\n      password: '',\n      confirm_password: '',\n      date_format: '',\n      between: '',\n      credit_card: '',\n      date_between: '',\n      digits: '',\n      select1: '',\n      options1: [\n        {text: 'One', value: 1},\n        {text: 'Two', value: 2},\n        {text: 'Three', value: 3},\n        {text: 'Four', value: 4},\n        {text: 'Five', value: 5}\n      ],\n      max_value: '',\n      min_value: '',\n      regex: ''\n    }\n  },\n  methods: {\n    submitForm () {\n      this.$validator.validateAll().then(result => {\n        if (result) {\n          // if form have no errors\n          alert('form submitted!')\n        } else {\n          // form have errors\n        }\n      })\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormValidationTypes.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormValidationTypes.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormValidationTypes.vue?vue&type=template&id=2cf0924b&\"\nimport script from \"./FormValidationTypes.vue?vue&type=script&lang=js&\"\nexport * from \"./FormValidationTypes.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<!-- =========================================================================================\n    File Name: FormValidation.vue\n    Description: Form validation (third-party) - Imports page portions\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n    <div id=\"extra-component-form-validation-demo\">\n\n        <p class=\"mb-4\"><a href=\"https://logaretm.github.io/vee-validate/guide/\" target=\"_blank\" rel=\"nofollow\">vee-validate</a> is a Template Based Validation Framework for Vue.js. Read full documentation <a href=\"https://baianat.github.io/vee-validate/guide/\" target=\"_blank\" rel=\"nofollow\">here</a></p>\n\n        <form-validation-simple></form-validation-simple>\n        <form-validation-multiple-rules></form-validation-multiple-rules>\n        <div class=\"vx-row match-height\">\n            <div class=\"vx-col sm:w-1/2 w-full\">\n                <form-validation-custom-error-messages class=\"mb-base\"></form-validation-custom-error-messages>\n            </div>\n            <div class=\"vx-col sm:w-1/2 w-full\">\n                <form-validation-events class=\"mb-base\"></form-validation-events>\n            </div>\n        </div>\n        <form-validation-types></form-validation-types>\n    </div>\n</template>\n\n<script>\nimport FormValidationSimple from './FormValidationSimple.vue'\nimport FormValidationMultipleRules from './FormValidationMultipleRules.vue'\nimport FormValidationCustomErrorMessages from './FormValidationCustomErrorMessages.vue'\nimport FormValidationEvents from './FormValidationEvents.vue'\nimport FormValidationTypes from './FormValidationTypes.vue'\n\nexport default {\n  components: {\n    FormValidationSimple,\n    FormValidationMultipleRules,\n    FormValidationCustomErrorMessages,\n    FormValidationEvents,\n    FormValidationTypes\n  }\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormValidation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormValidation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormValidation.vue?vue&type=template&id=71ae36df&\"\nimport script from \"./FormValidation.vue?vue&type=script&lang=js&\"\nexport * from \"./FormValidation.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}