{"version":3,"sources":["webpack:///./src/views/forms/form-validation/FormValidation.vue?2778","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue?78e4","webpack:///src/views/forms/form-validation/FormValidationSimple.vue","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue?f869","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue","webpack:///./src/views/forms/form-validation/FormValidationMultipleRules.vue?32a4","webpack:///src/views/forms/form-validation/FormValidationMultipleRules.vue","webpack:///./src/views/forms/form-validation/FormValidationMultipleRules.vue?a43b","webpack:///./src/views/forms/form-validation/FormValidationMultipleRules.vue","webpack:///./src/views/forms/form-validation/FormValidationCustomErrorMessages.vue?80ab","webpack:///src/views/forms/form-validation/FormValidationCustomErrorMessages.vue","webpack:///./src/views/forms/form-validation/FormValidationCustomErrorMessages.vue?2ac4","webpack:///./src/views/forms/form-validation/FormValidationCustomErrorMessages.vue","webpack:///./src/views/forms/form-validation/FormValidationEvents.vue?b2c7","webpack:///src/views/forms/form-validation/FormValidationEvents.vue","webpack:///./src/views/forms/form-validation/FormValidationEvents.vue?5353","webpack:///./src/views/forms/form-validation/FormValidationEvents.vue","webpack:///./src/views/forms/form-validation/FormValidationTypes.vue?e100","webpack:///src/views/forms/form-validation/FormValidationTypes.vue","webpack:///./src/views/forms/form-validation/FormValidationTypes.vue?9248","webpack:///./src/views/forms/form-validation/FormValidationTypes.vue","webpack:///src/views/forms/form-validation/FormValidation.vue","webpack:///./src/views/forms/form-validation/FormValidation.vue?4087","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","slot","component","username","email","ref","password","confirm_password","data","methods","$validator","validateAll","then","result","alert","first_name","last_name","custom","required","alpha","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"],"mappings":"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","file":"js/chunk-2d0af116.f52b8fd8.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://baianat.github.io/vee-validate/\",\"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($event)}}},[_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 }","<!-- =========================================================================================\r\n    File Name: FormValidationSimple.vue\r\n    Description: Simple form validation\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Simple form validation\" code-toggler>\r\n\r\n        <p>Simple form validation before submitting form. Add <code>v-validate</code> directive to input.</p>\r\n        <div class=\"mt-5\">\r\n            <form>\r\n                <vs-input v-validate=\"'required'\" placeholder=\"Input 1\" name=\"input1\" v-model=\"value1\" class=\"mt-5\" />\r\n                <span class=\"text-danger text-sm\" v-show=\"errors.has('input1')\">{{ errors.first('input1') }}</span>\r\n\r\n                <vs-input v-validate=\"'required'\" placeholder=\"Input 2\" name=\"input2\" v-model=\"value2\" class=\"mt-5\" />\r\n                <span class=\"text-danger text-sm\" v-show=\"errors.has('input2')\">{{ errors.first('input2') }}</span>\r\n\r\n                <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\r\n            </form>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;form&gt;\r\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;\r\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('input1')&quot;&gt;{{ \"\\{\\{ errors.first('input1') \\}\\}\" }}&lt;/span&gt;\r\n\r\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;\r\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('input2')&quot;&gt;{{ \"\\{\\{ errors.first('input2') \\}\\}\" }}&lt;/span&gt;\r\n\r\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;\r\n  &lt;/form&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      value1: &quot;&quot;,\r\n      value2: &quot;&quot;,\r\n    }\r\n  },\r\n  methods: {\r\n    submitForm() {\r\n      this.$validator.validateAll().then(result =&gt; {\r\n        if(result) {\r\n          // if form have no errors\r\n          alert(&quot;form submitted!&quot;);\r\n        }else{\r\n          // form have errors\r\n        }\r\n      })\r\n    }\r\n  },\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1: \"\",\r\n            value2: \"\",\r\n        }\r\n    },\r\n    methods: {\r\n        submitForm() {\r\n            this.$validator.validateAll().then(result => {\r\n                if(result) {\r\n                    // if form have no errors\r\n                    alert(\"form submitted!\");\r\n                }else{\r\n                    // form have errors\r\n                }\r\n            })\r\n        }\r\n    },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=55ba7079&\"\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(\"\\n    You can validate multiple rules using\\n    \"),_c('code',[_vm._v(\"|\")]),_vm._v(\". You can find more validation rules\\n    \"),_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\",\"rules\":\"required|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($event)}}},[_vm._v(\"Submit\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n    <template>\\n    <form>\\n    <div class=\\\"vx-row w-1/2\\\">\\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    <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    <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    <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    <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    <vs-button type=\\\"filled\\\" @click.prevent=\\\"submitForm\\\" class=\\\"mt-5 block\\\">Submit</vs-button>\\n    </form>\\n    </template>\\n    <script>\\n    export 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 }","<!-- =========================================================================================\r\n    File Name: FormValidationMultipleRules.vue\r\n    Description: Simple form validation\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n  <vx-card title=\"Validating multiple rules\" code-toggler>\r\n    <p>\r\n      You can validate multiple rules using\r\n      <code>|</code>. You can find more validation rules\r\n      <a\r\n        href=\"https://baianat.github.io/vee-validate/guide/rules.html\"\r\n        target=\"_blank\"\r\n        rel=\"nofollow\"\r\n      >here</a>\r\n    </p>\r\n    <div class=\"mt-5\">\r\n      <form>\r\n        <div class=\"vx-row lg:w-1/2 w-full\">\r\n          <div class=\"vx-col w-full\">\r\n            <vs-input\r\n              v-validate=\"'required|alpha'\"\r\n              placeholder=\"Your Name\"\r\n              name=\"name\"\r\n              v-model=\"name\"\r\n              class=\"mt-5 w-full\"\r\n            />\r\n            <span class=\"text-danger text-sm\" v-show=\"errors.has('name')\">{{ errors.first('name') }}</span>\r\n          </div>\r\n\r\n          <div class=\"vx-col lg:w-1/2 w-full\">\r\n            <vs-input\r\n              v-validate=\"'required|alpha_dash'\"\r\n              placeholder=\"Your Username\"\r\n              name=\"username\"\r\n              v-model=\"username\"\r\n              class=\"mt-5 w-full\"\r\n            />\r\n            <span\r\n              class=\"text-danger text-sm\"\r\n              v-show=\"errors.has('username')\"\r\n            >{{ errors.first('username') }}</span>\r\n          </div>\r\n\r\n          <div class=\"vx-col lg:w-1/2 w-full\">\r\n            <vs-input\r\n              v-validate=\"'required|email'\"\r\n              placeholder=\"Your Email\"\r\n              name=\"email\"\r\n              v-model=\"email\"\r\n              class=\"mt-5 w-full\"\r\n              rules=\"required|email\"\r\n            />\r\n            <span\r\n              class=\"text-danger text-sm\"\r\n              v-show=\"errors.has('email')\"\r\n            >{{ errors.first('email') }}</span>\r\n          </div>\r\n\r\n          <div class=\"vx-col lg:w-1/2 w-full\">\r\n            <vs-input\r\n              type=\"password\"\r\n              v-validate=\"'required|min:6|max:10'\"\r\n              ref=\"password\"\r\n              placeholder=\"Your Password\"\r\n              name=\"password\"\r\n              v-model=\"password\"\r\n              class=\"mt-5 w-full\"\r\n            />\r\n            <span\r\n              class=\"text-danger text-sm\"\r\n              v-show=\"errors.has('password')\"\r\n            >{{ errors.first('password') }}</span>\r\n          </div>\r\n\r\n          <div class=\"vx-col lg:w-1/2 w-full\">\r\n            <vs-input\r\n              type=\"password\"\r\n              v-validate=\"'required|min:6|max:10|confirmed:password'\"\r\n              data-vv-as=\"password\"\r\n              placeholder=\"Confirm Password\"\r\n              name=\"confirm_password\"\r\n              v-model=\"confirm_password\"\r\n              class=\"mt-5 w-full\"\r\n            />\r\n            <span\r\n              class=\"text-danger text-sm\"\r\n              v-show=\"errors.has('confirm_password')\"\r\n            >{{ errors.first('confirm_password') }}</span>\r\n          </div>\r\n        </div>\r\n        <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\r\n      </form>\r\n    </div>\r\n\r\n    <template slot=\"codeContainer\">\r\n      &lt;template&gt;\r\n      &lt;form&gt;\r\n      &lt;div class=&quot;vx-row w-1/2&quot;&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\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;\r\n      &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('name')&quot;&gt;{{ \"\\{\\{ errors.first('name') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\n      &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('username')&quot;&gt;{{ \"\\{\\{ errors.first('username') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\n      &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('email')&quot;&gt;{{ \"\\{\\{ errors.first('email') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\n      &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('password')&quot;&gt;{{ \"\\{\\{ errors.first('password') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\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;\r\n      &lt;/div&gt;\r\n      &lt;/div&gt;\r\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;\r\n      &lt;/form&gt;\r\n      &lt;/template&gt;\r\n      &lt;script&gt;\r\n      export default {\r\n      data() {\r\n      return {\r\n      name: &quot;&quot;,\r\n      username: &quot;&quot;,\r\n      email: &quot;&quot;,\r\n      password: &quot;&quot;,\r\n      confirm_password: &quot;&quot;,\r\n      }\r\n      },\r\n      methods: {\r\n      submitForm() {\r\n      this.$validator.validateAll().then(result =&gt; {\r\n      if (result) {\r\n      // if form have no errors\r\n      alert(&quot;form submitted!&quot;);\r\n      } else {\r\n      // form have errors\r\n      }\r\n      })\r\n      }\r\n      },\r\n      }\r\n      &lt;/script&gt;\r\n    </template>\r\n  </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      name: \"\",\r\n      username: \"\",\r\n      email: \"\",\r\n      password: \"\",\r\n      confirm_password: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    submitForm() {\r\n      this.$validator.validateAll().then(result => {\r\n        if (result) {\r\n          // if form have no errors\r\n          alert(\"form submitted!\");\r\n        } else {\r\n          // form have errors\r\n        }\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=9a259122&\"\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($event)}}},[_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\\t\\t\")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n\tFile Name: FormValidationCustomErrorMessages.vue\r\n\tDescription: Dispalying custom error messages as error\r\n\t----------------------------------------------------------------------------------------\r\n\tItem Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n\tAuthor: Pixinvent\r\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n\t<vx-card title=\"Custom error messages\" code-toggler>\r\n\r\n\t\t<p>With vee-validate you can display your own custom error messages</p>\r\n\t\t<div class=\"mt-5\">\r\n\t\t\t<form>\r\n\t\t\t\t<vs-input v-validate=\"'required|alpha'\" placeholder=\"First Name\" name=\"first_name\" v-model=\"first_name\" class=\"mt-5\" />\r\n\t\t\t\t<span class=\"text-danger text-sm\" v-show=\"errors.has('first_name')\">{{ errors.first('first_name') }}</span>\r\n\r\n\t\t\t\t<vs-input v-validate=\"'required|alpha'\" placeholder=\"Last Name\" name=\"last_name\" v-model=\"last_name\" class=\"mt-5\" />\r\n\t\t\t\t<span class=\"text-danger text-sm\" v-show=\"errors.has('last_name')\">{{ errors.first('last_name') }}</span>\r\n\r\n\t\t\t\t<vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\r\n\t\t\t</form>\r\n\t\t</div>\r\n\r\n\t\t<template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;form&gt;\r\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;\r\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;\r\n\r\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;\r\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;\r\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;\r\n  &lt;/form&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\n// For custom error message\r\nimport { Validator } from 'vee-validate';\r\nconst dict = {\r\n  custom: {\r\n    first_name: {\r\n      required: 'Please enter your first name',\r\n      alpha: &quot;Your first name may only contain alphabetic characters&quot;\r\n    },\r\n    last_name: {\r\n      required: 'Please enter your last name',\r\n      alpha: &quot;Your last name may only contain alphabetic characters&quot;\r\n    },\r\n  }\r\n};\r\n\r\n// register custom messages\r\nValidator.localize('en', dict);\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      first_name: &quot;&quot;,\r\n      last_name: &quot;&quot;,\r\n    }\r\n  },\r\n  methods: {\r\n    submitForm() {\r\n      this.$validator.validateAll().then(result =&gt; {\r\n        if (result) {\r\n          // if form have no errors\r\n          alert(&quot;form submitted!&quot;);\r\n        } else {\r\n          // form have errors\r\n        }\r\n      })\r\n    }\r\n  },\r\n}\r\n&lt;/script&gt;\r\n\t\t</template>\r\n\t</vx-card>\r\n</template>\r\n\r\n<script>\r\n// For custom error message\r\nimport { Validator } from 'vee-validate';\r\nconst dict = {\r\n  custom: {\r\n    first_name: {\r\n      required: 'Please enter your first name',\r\n      alpha: \"Your first name may only contain alphabetic characters\"\r\n    },\r\n    last_name: {\r\n      required: 'Please enter your last name',\r\n      alpha: \"Your last name may only contain alphabetic characters\"\r\n    },\r\n  }\r\n};\r\n\r\n// register custom messages\r\nValidator.localize('en', dict);\r\n\r\nexport default {\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tfirst_name: \"\",\r\n\t\t\tlast_name: \"\",\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\tsubmitForm() {\r\n\t\t\tthis.$validator.validateAll().then(result => {\r\n\t\t\t\tif(result) {\r\n\t\t\t\t\t// if form have no errors\r\n\t\t\t\t\talert(\"form submitted!\");\r\n\t\t\t\t}else{\r\n\t\t\t\t\t// form have errors\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t}\r\n\t},\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=59b03c83&\"\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($event)}}},[_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 }","<!-- =========================================================================================\r\n    File Name: FormValidationEvents.vue\r\n    Description: Form validation on different events\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Change default event for form validation\" code-toggler>\r\n\r\n        <p>You can change default event when validation triggers using <code>data-vv-validate-on</code></p>\r\n        <div class=\"mt-5\">\r\n            <form>\r\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\" />\r\n                <span class=\"text-danger text-sm\" v-show=\"errors.has('first_name')\">{{ errors.first('first_name') }}</span>\r\n\r\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\" />\r\n                <span class=\"text-danger text-sm\" v-show=\"errors.has('last_name')\">{{ errors.first('last_name') }}</span>\r\n\r\n                <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\r\n            </form>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;form&gt;\r\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;\r\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;\r\n\r\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;\r\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;\r\n\r\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;\r\n  &lt;/form&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      first_name: &quot;&quot;,\r\n      last_name: &quot;&quot;,\r\n    }\r\n  },\r\n  methods: {\r\n    submitForm() {\r\n      this.$validator.validateAll().then(result =&gt; {\r\n        if(result) {\r\n          // if form have no errors\r\n          alert(&quot;form submitted!&quot;);\r\n        }else{\r\n          // form have errors\r\n        }\r\n      })\r\n    }\r\n  },\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            first_name: \"\",\r\n            last_name: \"\",\r\n        }\r\n    },\r\n    methods: {\r\n        submitForm() {\r\n            this.$validator.validateAll().then(result => {\r\n                if(result) {\r\n                    // if form have no errors\r\n                    alert(\"form submitted!\");\r\n                }else{\r\n                    // form have errors\r\n                }\r\n            })\r\n        }\r\n    },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=e38025b2&\"\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\",\"rules\":\"required|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($event)}}},[_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 }","<!-- =========================================================================================\r\n    File Name: FormValidationTypes.vue\r\n    Description: Validation types\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Validation types\" code-toggler>\r\n\r\n        <p>VeeValidate comes with a bunch of validation rules out of the box and cover most validation needs</p>\r\n        <div class=\"mt-5\">\r\n            <form>\r\n                <div class=\"vx-row\">\r\n                    <div class=\"vx-col w-1/2\">\r\n                        <vs-input v-validate=\"'required'\" label=\"This field is required\" name=\"required\" v-model=\"required\" class=\"mt-5 w-full\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('required')\">{{ errors.first('required') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\n                        <vs-input v-validate=\"'alpha'\" label=\"Only alphabetic characters\" name=\"alpha\" v-model=\"alpha\" class=\"mt-5 w-full\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('alpha')\">{{ errors.first('alpha') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('alpha_dash')\">{{ errors.first('alpha_dash') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('alpha_num')\">{{ errors.first('alpha_num') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\n                        <vs-input v-validate=\"'numeric'\" label=\"Must only consist of numbers\" name=\"numeric\" v-model=\"numeric\" class=\"mt-5 w-full\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('numeric')\">{{ errors.first('numeric') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('alpha_spaces')\">{{ errors.first('alpha_spaces') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\n                        <vs-input v-validate=\"'email'\" label=\"Must be a valid email\" name=\"email\" v-model=\"email\" class=\"mt-5 w-full\" rules=\"required|email\"/>\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('email')\">{{ errors.first('email') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('url')\">{{ errors.first('url') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('min')\">{{ errors.first('min') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('max')\">{{ errors.first('max') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('password')\">{{ errors.first('password') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('confirm_password')\">{{ errors.first('confirm_password') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('date_format')\">{{ errors.first('date_format') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('between')\">{{ errors.first('between') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\n                        <vs-input v-validate=\"'credit_card'\" label=\"Valid credit card\" name=\"credit_card\" v-model=\"credit_card\" class=\"mt-5 w-full\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('credit_card')\">{{ errors.first('credit_card') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('date_between')\">{{ errors.first('date_between') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('digits')\">{{ errors.first('digits') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\">\r\n                            <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options1\" />\r\n                        </vs-select>\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('included')\">{{ errors.first('included') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('max_value')\">{{ errors.first('max_value') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-1/2\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('min_value')\">{{ errors.first('min_value') }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"vx-col w-full\">\r\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\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('regex')\">{{ errors.first('regex') }}</span>\r\n                    </div>\r\n\r\n\r\n\r\n                </div>\r\n                <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\r\n            </form>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;form&gt;\r\n    &lt;div class=&quot;vx-row&quot;&gt;\r\n\r\n      &lt;!-- required --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('required')&quot;&gt;{{ \"\\{\\{ errors.first('required') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Only alphabetic characters --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('alpha')&quot;&gt;{{ \"\\{\\{ errors.first('alpha') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Only alphabetic characters, numbers, dashes or underscores --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\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;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- May contain alphabetic characters or numbers --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\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;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Must only consist of numbers --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('numeric')&quot;&gt;{{ \"\\{\\{ errors.first('numeric') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Only alphabetic characters or spaces --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\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;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Must be a valid email --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('email')&quot;&gt;{{ \"\\{\\{ errors.first('email') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Must be a valid url --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('url')&quot;&gt;{{ \"\\{\\{ errors.first('url') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Length should not be less than the specified length : 3 --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('min')&quot;&gt;{{ \"\\{\\{ errors.first('min') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Length may not exceed the specified length : 6 --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('max')&quot;&gt;{{ \"\\{\\{ errors.first('max') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Password 1 --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('password')&quot;&gt;{{ \"\\{\\{ errors.first('password') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Confirm Password --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\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;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Date Format: dd/MM/yyyy --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\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;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Numeric value between minimum value and a maximum value : 1 and 11 --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('between')&quot;&gt;{{ \"\\{\\{ errors.first('between') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Valid credit card --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\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;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016 --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\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;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Must be numeric and have the specified number of digits : 3 --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('digits')&quot;&gt;{{ \"\\{\\{ errors.first('digits') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Must have a value that is in the specified list : 1 or 3 --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\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;\r\n        &lt;/vs-select&gt;\r\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('included')&quot;&gt;{{ \"\\{\\{ errors.first('included') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Numeric value and must not be greater than the specified value : 100 --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\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;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Numeric value and must not be less than the specified value : 10 --&gt;\r\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\r\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;\r\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;\r\n      &lt;/div&gt;\r\n\r\n      &lt;!-- Must match the specified regular expression : ^([0-9]+)$ - numbers only --&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\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;\r\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('regex')&quot;&gt;{{ \"\\{\\{ errors.first('regex') \\}\\}\" }}&lt;/span&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\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;\r\n  &lt;/form&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      required: &quot;&quot;,\r\n      alpha: &quot;&quot;,\r\n      alpha_dash: &quot;&quot;,\r\n      alpha_num: &quot;&quot;,\r\n      numeric: &quot;&quot;,\r\n      alpha_spaces: &quot;&quot;,\r\n      email: &quot;&quot;,\r\n      url: &quot;&quot;,\r\n      min: &quot;&quot;,\r\n      max: &quot;&quot;,\r\n      password: &quot;&quot;,\r\n      confirm_password: &quot;&quot;,\r\n      date_format: &quot;&quot;,\r\n      between: &quot;&quot;,\r\n      credit_card: &quot;&quot;,\r\n      date_between: &quot;&quot;,\r\n      digits: &quot;&quot;,\r\n      select1: &quot;&quot;,\r\n      options1: [\r\n        { text: &quot;One&quot;, value: 1 },\r\n        { text: &quot;Two&quot;, value: 2 },\r\n        { text: &quot;Three&quot;, value: 3 },\r\n        { text: &quot;Four&quot;, value: 4 },\r\n        { text: &quot;Five&quot;, value: 5 },\r\n      ],\r\n      max_value: &quot;&quot;,\r\n      min_value: &quot;&quot;,\r\n      regex: &quot;&quot;,\r\n    }\r\n  },\r\n  methods: {\r\n    submitForm() {\r\n      this.$validator.validateAll().then(result =&gt; {\r\n        if (result) {\r\n          // if form have no errors\r\n          alert(&quot;form submitted!&quot;);\r\n        } else {\r\n          // form have errors\r\n        }\r\n      })\r\n    }\r\n  },\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            required: \"\",\r\n            alpha: \"\",\r\n            alpha_dash: \"\",\r\n            alpha_num: \"\",\r\n            numeric: \"\",\r\n            alpha_spaces: \"\",\r\n            email: \"\",\r\n            url: \"\",\r\n            min: \"\",\r\n            max: \"\",\r\n            password: \"\",\r\n            confirm_password: \"\",\r\n            date_format: \"\",\r\n            between: \"\",\r\n            credit_card: \"\",\r\n            date_between: \"\",\r\n            digits: \"\",\r\n            select1: \"\",\r\n            options1: [\r\n                {text: \"One\", value: 1},\r\n                {text: \"Two\", value: 2},\r\n                {text: \"Three\", value: 3},\r\n                {text: \"Four\", value: 4},\r\n                {text: \"Five\", value: 5},\r\n            ],\r\n            max_value: \"\",\r\n            min_value: \"\",\r\n            regex: \"\",\r\n        }\r\n    },\r\n    methods: {\r\n        submitForm() {\r\n            this.$validator.validateAll().then(result => {\r\n                if(result) {\r\n                    // if form have no errors\r\n                    alert(\"form submitted!\");\r\n                }else{\r\n                    // form have errors\r\n                }\r\n            })\r\n        }\r\n    },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=0359779f&\"\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","<!-- =========================================================================================\r\n    File Name: FormValidation.vue\r\n    Description: Form validation (third-party) - Imports page portions\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n<template>\r\n    <div id=\"extra-component-form-validation-demo\">\r\n\r\n        <p class=\"mb-4\"><a href=\"https://baianat.github.io/vee-validate/\" 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>\r\n\r\n        <form-validation-simple></form-validation-simple>\r\n        <form-validation-multiple-rules></form-validation-multiple-rules>\r\n        <div class=\"vx-row match-height\">\r\n            <div class=\"vx-col sm:w-1/2 w-full\">\r\n                <form-validation-custom-error-messages class=\"mb-base\"></form-validation-custom-error-messages>\r\n            </div>\r\n            <div class=\"vx-col sm:w-1/2 w-full\">\r\n                <form-validation-events class=\"mb-base\"></form-validation-events>\r\n            </div>\r\n        </div>\r\n        <form-validation-types></form-validation-types>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport FormValidationSimple from \"./FormValidationSimple.vue\"\r\nimport FormValidationMultipleRules from \"./FormValidationMultipleRules.vue\"\r\nimport FormValidationCustomErrorMessages from \"./FormValidationCustomErrorMessages.vue\"\r\nimport FormValidationEvents from \"./FormValidationEvents.vue\"\r\nimport FormValidationTypes from \"./FormValidationTypes.vue\"\r\n\r\nexport default {\r\n    components: {\r\n        FormValidationSimple,\r\n        FormValidationMultipleRules,\r\n        FormValidationCustomErrorMessages,\r\n        FormValidationEvents,\r\n        FormValidationTypes,\r\n    }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=d08ec1e0&\"\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":""}