{"version":3,"sources":["webpack:///./src/views/forms/form-validation/FormValidation.vue?d7d6","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue?dab8","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?7843","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?c8b0","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?9b29","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?ee40","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","id","_m","staticClass","staticRenderFns","href","target","rel","_v","FormValidationSimplevue_type_template_id_55ba7079_render","title","code-toggler","directives","name","rawName","value","expression","placeholder","model","callback","$$v","value1","errors","has","_s","first","value2","type","on","click","$event","preventDefault","submitForm","slot","FormValidationSimplevue_type_template_id_55ba7079_staticRenderFns","FormValidationSimplevue_type_script_lang_js_","data","methods","$validator","validateAll","then","result","alert","form_validation_FormValidationSimplevue_type_script_lang_js_","component","Object","componentNormalizer","FormValidationSimple","FormValidationMultipleRulesvue_type_template_id_04ad4e1d_render","username","email","ref","password","data-vv-as","confirm_password","FormValidationMultipleRulesvue_type_template_id_04ad4e1d_staticRenderFns","FormValidationMultipleRulesvue_type_script_lang_js_","form_validation_FormValidationMultipleRulesvue_type_script_lang_js_","FormValidationMultipleRules_component","FormValidationMultipleRules","FormValidationCustomErrorMessagesvue_type_template_id_59b03c83_render","first_name","last_name","FormValidationCustomErrorMessagesvue_type_template_id_59b03c83_staticRenderFns","dict","custom","required","alpha","vee_validate_esm","localize","FormValidationCustomErrorMessagesvue_type_script_lang_js_","form_validation_FormValidationCustomErrorMessagesvue_type_script_lang_js_","FormValidationCustomErrorMessages_component","FormValidationCustomErrorMessages","FormValidationEventsvue_type_template_id_e38025b2_render","data-vv-validate-on","FormValidationEventsvue_type_template_id_e38025b2_staticRenderFns","FormValidationEventsvue_type_script_lang_js_","form_validation_FormValidationEventsvue_type_script_lang_js_","FormValidationEvents_component","FormValidationEvents","FormValidationTypesvue_type_template_id_dbe9c9f4_render","label","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","FormValidationTypesvue_type_template_id_dbe9c9f4_staticRenderFns","FormValidationTypesvue_type_script_lang_js_","options1","form_validation_FormValidationTypesvue_type_script_lang_js_","FormValidationTypes_component","FormValidationTypes","FormValidationvue_type_script_lang_js_","components","form_validation_FormValidationvue_type_script_lang_js_","FormValidation_component","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d0af116.2522d7e9.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(\"You can validate multiple rules using \"),_c('code',[_vm._v(\"|\")]),_vm._v(\". You can find more validation rules \"),_c('a',{attrs:{\"href\":\"https://baianat.github.io/vee-validate/guide/rules.html\",\"target\":\"_blank\",\"rel\":\"nofollow\"}},[_vm._v(\"here\")])]),_c('div',{staticClass:\"mt-5\"},[_c('form',[_c('div',{staticClass:\"vx-row lg:w-1/2 w-full\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha'),expression:\"'required|alpha'\"}],staticClass:\"mt-5 w-full\",attrs:{\"placeholder\":\"Your Name\",\"name\":\"name\"},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('name')),expression:\"errors.has('name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('name')))])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha_dash'),expression:\"'required|alpha_dash'\"}],staticClass:\"mt-5 w-full\",attrs:{\"placeholder\":\"Your Username\",\"name\":\"username\"},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('username')),expression:\"errors.has('username')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('username')))])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|email'),expression:\"'required|email'\"}],staticClass:\"mt-5 w-full\",attrs:{\"placeholder\":\"Your Email\",\"name\":\"email\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('email')),expression:\"errors.has('email')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('email')))])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|min:6|max:10'),expression:\"'required|min:6|max:10'\"}],ref:\"password\",staticClass:\"mt-5 w-full\",attrs:{\"type\":\"password\",\"placeholder\":\"Your Password\",\"name\":\"password\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('password')),expression:\"errors.has('password')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('password')))])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|min:6|max:10|confirmed:password'),expression:\"'required|min:6|max:10|confirmed:password'\"}],staticClass:\"mt-5 w-full\",attrs:{\"type\":\"password\",\"data-vv-as\":\"password\",\"placeholder\":\"Confirm Password\",\"name\":\"confirm_password\"},model:{value:(_vm.confirm_password),callback:function ($$v) {_vm.confirm_password=$$v},expression:\"confirm_password\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('confirm_password')),expression:\"errors.has('confirm_password')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('confirm_password')))])],1)]),_c('vs-button',{staticClass:\"mt-5 block\",attrs:{\"type\":\"filled\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitForm($event)}}},[_vm._v(\"Submit\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <form>\\n    <div class=\\\"vx-row w-1/2\\\">\\n\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'required|alpha'\\\" placeholder=\\\"Your Name\\\" name=\\\"name\\\" v-model=\\\"name\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\"  v-show=\\\"errors.has('name')\\\">\"+_vm._s(\"\\{\\{ errors.first('name') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'required|alpha_dash'\\\" placeholder=\\\"Your Username\\\" name=\\\"username\\\" v-model=\\\"username\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('username')\\\">\"+_vm._s(\"\\{\\{ errors.first('username') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input size=\\\"large\\\" v-validate=\\\"'required|email'\\\" placeholder=\\\"Your Email\\\" name=\\\"email\\\" v-model=\\\"email\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('email')\\\">\"+_vm._s(\"\\{\\{ errors.first('email') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input type=\\\"password\\\" size=\\\"large\\\" v-validate=\\\"'required|min:6|max:10'\\\" ref=\\\"password\\\" placeholder=\\\"Your Password\\\" name=\\\"password\\\" v-model=\\\"password\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('password')\\\">\"+_vm._s(\"\\{\\{ errors.first('password') \\}\\}\")+\"</span>\\n      </div>\\n\\n      <div class=\\\"vx-col w-1/2\\\">\\n        <vs-input type=\\\"password\\\" size=\\\"large\\\" v-validate=\\\"'required|min:6|max:10|confirmed:password'\\\" data-vv-as=\\\"password\\\" placeholder=\\\"Confirm Password\\\" name=\\\"confirm_password\\\" v-model=\\\"confirm_password\\\" class=\\\"mt-5 w-full\\\" />\\n        <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('confirm_password')\\\">\"+_vm._s(\"\\{\\{ errors.first('confirm_password') \\}\\}\")+\"</span>\\n      </div>\\n    </div>\\n\\n    <vs-button type=\\\"filled\\\" @click.prevent=\\\"submitForm\\\" class=\\\"mt-5 block\\\">Submit</vs-button>\\n  </form>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      name: \\\"\\\",\\n      username: \\\"\\\",\\n      email: \\\"\\\",\\n      password: \\\"\\\",\\n      confirm_password: \\\"\\\",\\n    }\\n  },\\n  methods: {\\n    submitForm() {\\n      this.$validator.validateAll().then(result => {\\n        if (result) {\\n          // if form have no errors\\n          alert(\\\"form submitted!\\\");\\n        } else {\\n          // form have errors\\n        }\\n      })\\n    }\\n  },\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\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\r\n        <p>You can validate multiple rules using <code>|</code>. You can find more validation rules <a href=\"https://baianat.github.io/vee-validate/guide/rules.html\" target=\"_blank\" rel=\"nofollow\">here</a></p>\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 v-validate=\"'required|alpha'\" placeholder=\"Your Name\" name=\"name\" v-model=\"name\" class=\"mt-5 w-full\" />\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 v-validate=\"'required|alpha_dash'\" placeholder=\"Your Username\" name=\"username\" v-model=\"username\" class=\"mt-5 w-full\" />\r\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('username')\">{{ 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 v-validate=\"'required|email'\" placeholder=\"Your Email\" name=\"email\" v-model=\"email\" class=\"mt-5 w-full\" />\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 lg:w-1/2 w-full\">\r\n                        <vs-input type=\"password\" v-validate=\"'required|min:6|max:10'\" ref=\"password\" placeholder=\"Your Password\" name=\"password\" v-model=\"password\" class=\"mt-5 w-full\" />\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 lg:w-1/2 w-full\">\r\n                        <vs-input type=\"password\" v-validate=\"'required|min:6|max:10|confirmed:password'\" data-vv-as=\"password\" placeholder=\"Confirm Password\" name=\"confirm_password\" v-model=\"confirm_password\" class=\"mt-5 w-full\" />\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>\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\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\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\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\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\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\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      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=04ad4e1d&\"\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\"},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\" />\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=dbe9c9f4&\"\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":""}