{"version":3,"sources":["webpack:///./src/views/forms/form-validation/FormValidation.vue","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue","webpack:///src/views/forms/form-validation/FormValidationSimple.vue","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue?145a","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue?edf6","webpack:///./src/views/forms/form-validation/FormValidationMultipleRules.vue","webpack:///src/views/forms/form-validation/FormValidationMultipleRules.vue","webpack:///./src/views/forms/form-validation/FormValidationMultipleRules.vue?770a","webpack:///./src/views/forms/form-validation/FormValidationMultipleRules.vue?ff70","webpack:///./src/views/forms/form-validation/FormValidationCustomErrorMessages.vue","webpack:///src/views/forms/form-validation/FormValidationCustomErrorMessages.vue","webpack:///./src/views/forms/form-validation/FormValidationCustomErrorMessages.vue?f007","webpack:///./src/views/forms/form-validation/FormValidationCustomErrorMessages.vue?2f7c","webpack:///./src/views/forms/form-validation/FormValidationEvents.vue","webpack:///src/views/forms/form-validation/FormValidationEvents.vue","webpack:///./src/views/forms/form-validation/FormValidationEvents.vue?2879","webpack:///./src/views/forms/form-validation/FormValidationEvents.vue?ef98","webpack:///./src/views/forms/form-validation/FormValidationTypes.vue","webpack:///src/views/forms/form-validation/FormValidationTypes.vue","webpack:///./src/views/forms/form-validation/FormValidationTypes.vue?60b5","webpack:///./src/views/forms/form-validation/FormValidationTypes.vue?51d4","webpack:///src/views/forms/form-validation/FormValidation.vue","webpack:///./src/views/forms/form-validation/FormValidation.vue?e702","webpack:///./src/views/forms/form-validation/FormValidation.vue?0254"],"names":["render","_vm","this","_c","_self","attrs","_m","staticClass","staticRenderFns","_v","directives","name","rawName","value","expression","model","value1","callback","$$v","errors","has","_s","first","value2","on","$event","preventDefault","submitForm","apply","arguments","slot","data","methods","$validator","validateAll","then","result","alert","component","username","email","ref","password","confirm_password","first_name","last_name","required","alpha","alpha_dash","alpha_num","numeric","alpha_spaces","url","min","max","date_format","between","credit_card","date_between","digits","select1","_l","options1","item","index","key","text","max_value","min_value","regex","components","FormValidationSimple","FormValidationMultipleRules","FormValidationCustomErrorMessages","FormValidationEvents","FormValidationTypes"],"mappings":"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","file":"js/chunk-2d0af116.51dfa9cc.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;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)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;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}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Simple form validation\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Simple form validation before submitting form. Add \"),_c('code',[_vm._v(\"v-validate\")]),_vm._v(\" directive to input.\")]),_c('div',{staticClass:\"mt-5\"},[_c('form',[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"mt-5\",attrs:{\"placeholder\":\"Input 1\",\"name\":\"input1\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('input1')),expression:\"errors.has('input1')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('input1')))]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"mt-5\",attrs:{\"placeholder\":\"Input 2\",\"name\":\"input2\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('input2')),expression:\"errors.has('input2')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('input2')))]),_c('vs-button',{staticClass:\"mt-5 block\",attrs:{\"type\":\"filled\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitForm.apply(null, arguments)}}},[_vm._v(\"Submit\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\" <template> <form> <vs-input size=\\\"large\\\" v-validate=\\\"'required'\\\" placeholder=\\\"Input 1\\\" name=\\\"input1\\\" v-model=\\\"value1\\\" class=\\\"mt-5\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('input1')\\\">\"+_vm._s(\"\\{\\{ errors.first('input1') \\}\\}\")+\"</span> <vs-input size=\\\"large\\\" v-validate=\\\"'required'\\\" placeholder=\\\"Input 2\\\" name=\\\"input2\\\" v-model=\\\"value2\\\" class=\\\"mt-5\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('input2')\\\">\"+_vm._s(\"\\{\\{ errors.first('input2') \\}\\}\")+\"</span> <vs-button type=\\\"filled\\\" @click.prevent=\\\"submitForm\\\" class=\\\"mt-5 block\\\">Submit</vs-button> </form> </template> <script> export default { data() { return { value1: \\\"\\\", value2: \\\"\\\", } }, methods: { submitForm() { this.$validator.validateAll().then(result => { if(result) { // if form have no errors alert(\\\"form submitted!\\\"); }else{ // form have errors } }) } }, } </script> \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: FormValidationSimple.vue\r\n    Description: Simple form validation\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n      Author: Miguel Arenas\r\n    Author URL: http://github.com/mxaxaxbx\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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/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=286cada1&\"\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/cli-service/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 render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Validating multiple rules\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can validate multiple rules using \"),_c('code',[_vm._v(\"|\")]),_vm._v(\". You can find more validation rules \"),_c('a',{attrs:{\"href\":\"https://baianat.github.io/vee-validate/guide/rules.html\",\"target\":\"_blank\",\"rel\":\"nofollow\"}},[_vm._v(\"here\")])]),_c('div',{staticClass:\"mt-5\"},[_c('form',[_c('div',{staticClass:\"vx-row lg:w-1/2 w-full\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha'),expression:\"'required|alpha'\"}],staticClass:\"mt-5 w-full\",attrs:{\"placeholder\":\"Your Name\",\"name\":\"name\"},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('name')),expression:\"errors.has('name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('name')))])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha_dash'),expression:\"'required|alpha_dash'\"}],staticClass:\"mt-5 w-full\",attrs:{\"placeholder\":\"Your Username\",\"name\":\"username\"},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('username')),expression:\"errors.has('username')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('username')))])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|email'),expression:\"'required|email'\"}],staticClass:\"mt-5 w-full\",attrs:{\"placeholder\":\"Your Email\",\"name\":\"email\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('email')),expression:\"errors.has('email')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('email')))])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|min:6|max:10'),expression:\"'required|min:6|max:10'\"}],ref:\"password\",staticClass:\"mt-5 w-full\",attrs:{\"type\":\"password\",\"placeholder\":\"Your Password\",\"name\":\"password\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('password')),expression:\"errors.has('password')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('password')))])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|min:6|max:10|confirmed:password'),expression:\"'required|min:6|max:10|confirmed:password'\"}],staticClass:\"mt-5 w-full\",attrs:{\"type\":\"password\",\"data-vv-as\":\"password\",\"placeholder\":\"Confirm Password\",\"name\":\"confirm_password\"},model:{value:(_vm.confirm_password),callback:function ($$v) {_vm.confirm_password=$$v},expression:\"confirm_password\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('confirm_password')),expression:\"errors.has('confirm_password')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('confirm_password')))])],1)]),_c('vs-button',{staticClass:\"mt-5 block\",attrs:{\"type\":\"filled\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitForm.apply(null, arguments)}}},[_vm._v(\"Submit\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\" <template> <form> <div class=\\\"vx-row w-1/2\\\"> <div class=\\\"vx-col w-full\\\"> <vs-input size=\\\"large\\\" v-validate=\\\"'required|alpha'\\\" placeholder=\\\"Your Name\\\" name=\\\"name\\\" v-model=\\\"name\\\" class=\\\"mt-5 w-full\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('name')\\\">\"+_vm._s(\"\\{\\{ errors.first('name') \\}\\}\")+\"</span> </div> <div class=\\\"vx-col w-1/2\\\"> <vs-input size=\\\"large\\\" v-validate=\\\"'required|alpha_dash'\\\" placeholder=\\\"Your Username\\\" name=\\\"username\\\" v-model=\\\"username\\\" class=\\\"mt-5 w-full\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('username')\\\">\"+_vm._s(\"\\{\\{ errors.first('username') \\}\\}\")+\"</span> </div> <div class=\\\"vx-col w-1/2\\\"> <vs-input size=\\\"large\\\" v-validate=\\\"'required|email'\\\" placeholder=\\\"Your Email\\\" name=\\\"email\\\" v-model=\\\"email\\\" class=\\\"mt-5 w-full\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('email')\\\">\"+_vm._s(\"\\{\\{ errors.first('email') \\}\\}\")+\"</span> </div> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('password')\\\">\"+_vm._s(\"\\{\\{ errors.first('password') \\}\\}\")+\"</span> </div> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('confirm_password')\\\">\"+_vm._s(\"\\{\\{ errors.first('confirm_password') \\}\\}\")+\"</span> </div> </div> <vs-button type=\\\"filled\\\" @click.prevent=\\\"submitForm\\\" class=\\\"mt-5 block\\\">Submit</vs-button> </form> </template> <script> export default { data() { return { name: \\\"\\\", username: \\\"\\\", email: \\\"\\\", password: \\\"\\\", confirm_password: \\\"\\\", } }, methods: { submitForm() { this.$validator.validateAll().then(result => { if (result) { // if form have no errors alert(\\\"form submitted!\\\"); } else { // form have errors } }) } }, } </script> \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: FormValidationMultipleRules.vue\r\n    Description: Simple form validation\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n      Author: Miguel Arenas\r\n    Author URL: http://github.com/mxaxaxbx\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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/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=76d38aca&\"\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/cli-service/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 render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Custom error messages\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"With vee-validate you can display your own custom error messages\")]),_c('div',{staticClass:\"mt-5\"},[_c('form',[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha'),expression:\"'required|alpha'\"}],staticClass:\"mt-5\",attrs:{\"placeholder\":\"First Name\",\"name\":\"first_name\"},model:{value:(_vm.first_name),callback:function ($$v) {_vm.first_name=$$v},expression:\"first_name\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('first_name')),expression:\"errors.has('first_name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('first_name')))]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha'),expression:\"'required|alpha'\"}],staticClass:\"mt-5\",attrs:{\"placeholder\":\"Last Name\",\"name\":\"last_name\"},model:{value:(_vm.last_name),callback:function ($$v) {_vm.last_name=$$v},expression:\"last_name\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('last_name')),expression:\"errors.has('last_name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('last_name')))]),_c('vs-button',{staticClass:\"mt-5 block\",attrs:{\"type\":\"filled\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitForm.apply(null, arguments)}}},[_vm._v(\"Submit\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\" <template> <form> <vs-input size=\\\"large\\\" v-validate=\\\"'required|alpha'\\\" placeholder=\\\"First Name\\\" name=\\\"first_name\\\" v-model=\\\"first_name\\\" class=\\\"mt-5\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('first_name')\\\">\"+_vm._s(\"\\{\\{ errors.first('first_name') \\}\\}\")+\"</span> <vs-input size=\\\"large\\\" v-validate=\\\"'required|alpha'\\\" placeholder=\\\"Last Name\\\" name=\\\"last_name\\\" v-model=\\\"last_name\\\" class=\\\"mt-5\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('last_name')\\\">\"+_vm._s(\"\\{\\{ errors.first('last_name') \\}\\}\")+\"</span> <vs-button type=\\\"filled\\\" @click.prevent=\\\"submitForm\\\" class=\\\"mt-5 block\\\">Submit</vs-button> </form> </template> <script> // For custom error message import { Validator } from 'vee-validate'; const dict = { custom: { first_name: { required: 'Please enter your first name', alpha: \\\"Your first name may only contain alphabetic characters\\\" }, last_name: { required: 'Please enter your last name', alpha: \\\"Your last name may only contain alphabetic characters\\\" }, } }; // register custom messages Validator.localize('en', dict); export default { data() { return { first_name: \\\"\\\", last_name: \\\"\\\", } }, methods: { submitForm() { this.$validator.validateAll().then(result => { if (result) { // if form have no errors alert(\\\"form submitted!\\\"); } else { // form have errors } }) } }, } </script> \")])],2)\n}\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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n\tAuthor: Miguel Arenas\r\n\tAuthor URL: http://github.com/mxaxaxbx\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\n// import { Validator } from 'vee-validate';\r\n// const 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\n// Validator.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\t// this.$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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/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=2dafa8d9&\"\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/cli-service/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 render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Change default event for form validation\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can change default event when validation triggers using \"),_c('code',[_vm._v(\"data-vv-validate-on\")])]),_c('div',{staticClass:\"mt-5\"},[_c('form',[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha'),expression:\"'required|alpha'\"}],staticClass:\"mt-5\",attrs:{\"placeholder\":\"First Name\",\"name\":\"first_name\",\"data-vv-validate-on\":\"blur\"},model:{value:(_vm.first_name),callback:function ($$v) {_vm.first_name=$$v},expression:\"first_name\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('first_name')),expression:\"errors.has('first_name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('first_name')))]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha'),expression:\"'required|alpha'\"}],staticClass:\"mt-5\",attrs:{\"placeholder\":\"Last Name\",\"name\":\"last_name\",\"data-vv-validate-on\":\"blur\"},model:{value:(_vm.last_name),callback:function ($$v) {_vm.last_name=$$v},expression:\"last_name\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('last_name')),expression:\"errors.has('last_name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('last_name')))]),_c('vs-button',{staticClass:\"mt-5 block\",attrs:{\"type\":\"filled\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitForm.apply(null, arguments)}}},[_vm._v(\"Submit\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\" <template> <form> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('first_name')\\\">\"+_vm._s(\"\\{\\{ errors.first('first_name') \\}\\}\")+\"</span> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('last_name')\\\">\"+_vm._s(\"\\{\\{ errors.first('last_name') \\}\\}\")+\"</span> <vs-button type=\\\"filled\\\" @click.prevent=\\\"submitForm\\\" class=\\\"mt-5 block\\\">Submit</vs-button> </form> </template> <script> export default { data() { return { first_name: \\\"\\\", last_name: \\\"\\\", } }, methods: { submitForm() { this.$validator.validateAll().then(result => { if(result) { // if form have no errors alert(\\\"form submitted!\\\"); }else{ // form have errors } }) } }, } </script> \")])],2)\n}\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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n      Author: Miguel Arenas\r\n    Author URL: http://github.com/mxaxaxbx\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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/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=23d37c44&\"\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/cli-service/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 render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Validation types\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"VeeValidate comes with a bunch of validation rules out of the box and cover most validation needs\")]),_c('div',{staticClass:\"mt-5\"},[_c('form',[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"This field is required\",\"name\":\"required\"},model:{value:(_vm.required),callback:function ($$v) {_vm.required=$$v},expression:\"required\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('required')),expression:\"errors.has('required')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('required')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('alpha'),expression:\"'alpha'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Only alphabetic characters\",\"name\":\"alpha\"},model:{value:(_vm.alpha),callback:function ($$v) {_vm.alpha=$$v},expression:\"alpha\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('alpha')),expression:\"errors.has('alpha')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('alpha')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('alpha_dash'),expression:\"'alpha_dash'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Only alphabetic characters, numbers, dashes or underscores\",\"name\":\"alpha_dash\"},model:{value:(_vm.alpha_dash),callback:function ($$v) {_vm.alpha_dash=$$v},expression:\"alpha_dash\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('alpha_dash')),expression:\"errors.has('alpha_dash')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('alpha_dash')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('alpha_num'),expression:\"'alpha_num'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"May contain alphabetic characters or numbers\",\"name\":\"alpha_num\"},model:{value:(_vm.alpha_num),callback:function ($$v) {_vm.alpha_num=$$v},expression:\"alpha_num\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('alpha_num')),expression:\"errors.has('alpha_num')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('alpha_num')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('numeric'),expression:\"'numeric'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Must only consist of numbers\",\"name\":\"numeric\"},model:{value:(_vm.numeric),callback:function ($$v) {_vm.numeric=$$v},expression:\"numeric\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('numeric')),expression:\"errors.has('numeric')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('numeric')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('alpha_spaces'),expression:\"'alpha_spaces'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Only alphabetic characters or spaces\",\"name\":\"alpha_spaces\"},model:{value:(_vm.alpha_spaces),callback:function ($$v) {_vm.alpha_spaces=$$v},expression:\"alpha_spaces\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('alpha_spaces')),expression:\"errors.has('alpha_spaces')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('alpha_spaces')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('email'),expression:\"'email'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Must be a valid email\",\"name\":\"email\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('email')),expression:\"errors.has('email')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('email')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('url:require_protocol'),expression:\"'url:require_protocol'\"}],staticClass:\"mt-5 w-full\",attrs:{\"data-vv-as\":\"field\",\"label\":\"Must be a valid url\",\"name\":\"url\"},model:{value:(_vm.url),callback:function ($$v) {_vm.url=$$v},expression:\"url\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('url')),expression:\"errors.has('url')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('url')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('min:3'),expression:\"'min:3'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Length should not be less than the specified length : 3\",\"name\":\"min\"},model:{value:(_vm.min),callback:function ($$v) {_vm.min=$$v},expression:\"min\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('min')),expression:\"errors.has('min')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('min')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('max:6'),expression:\"'max:6'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Length may not exceed the specified length : 6\",\"name\":\"max\"},model:{value:(_vm.max),callback:function ($$v) {_vm.max=$$v},expression:\"max\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('max')),expression:\"errors.has('max')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('max')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('min:6|max:10'),expression:\"'min:6|max:10'\"}],ref:\"password\",staticClass:\"mt-5 w-full\",attrs:{\"type\":\"password\",\"label\":\"Password 1\",\"name\":\"password\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('password')),expression:\"errors.has('password')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('password')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('min:6|max:10|confirmed:password'),expression:\"'min:6|max:10|confirmed:password'\"}],staticClass:\"mt-5 w-full\",attrs:{\"type\":\"password\",\"label\":\"Confirm Password\",\"name\":\"confirm_password\",\"data-vv-as\":\"password\"},model:{value:(_vm.confirm_password),callback:function ($$v) {_vm.confirm_password=$$v},expression:\"confirm_password\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('confirm_password')),expression:\"errors.has('confirm_password')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('confirm_password')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('date_format:dd/MM/yyyy'),expression:\"'date_format:dd/MM/yyyy'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Date Format: dd/MM/yyyy\",\"name\":\"date_format\"},model:{value:(_vm.date_format),callback:function ($$v) {_vm.date_format=$$v},expression:\"date_format\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('date_format')),expression:\"errors.has('date_format')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('date_format')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('between:1,11'),expression:\"'between:1,11'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Numeric value between minimum value and a maximum value : 1 and 11\",\"name\":\"between\"},model:{value:(_vm.between),callback:function ($$v) {_vm.between=$$v},expression:\"between\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('between')),expression:\"errors.has('between')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('between')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('credit_card'),expression:\"'credit_card'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Valid credit card\",\"name\":\"credit_card\"},model:{value:(_vm.credit_card),callback:function ($$v) {_vm.credit_card=$$v},expression:\"credit_card\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('credit_card')),expression:\"errors.has('credit_card')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('credit_card')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('date_format:dd/MM/yyyy|date_between:10/09/2016,20/09/2016'),expression:\"'date_format:dd/MM/yyyy|date_between:10/09/2016,20/09/2016'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016\",\"name\":\"date_between\"},model:{value:(_vm.date_between),callback:function ($$v) {_vm.date_between=$$v},expression:\"date_between\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('date_between')),expression:\"errors.has('date_between')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('date_between')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('digits:3'),expression:\"'digits:3'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Must be numeric and have the specified number of digits : 3\",\"name\":\"digits\"},model:{value:(_vm.digits),callback:function ($$v) {_vm.digits=$$v},expression:\"digits\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('digits')),expression:\"errors.has('digits')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('digits')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-select',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('included:1,3'),expression:\"'included:1,3'\"}],staticClass:\"select-large mt-5 w-full\",attrs:{\"name\":\"included\",\"label\":\"Must have a value that is in the specified list : 1 or 3\"},model:{value:(_vm.select1),callback:function ($$v) {_vm.select1=$$v},expression:\"select1\"}},_vm._l((_vm.options1),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('included')),expression:\"errors.has('included')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('included')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('max_value:100'),expression:\"'max_value:100'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Numeric value and must not be greater than the specified value : 100\",\"name\":\"max_value\"},model:{value:(_vm.max_value),callback:function ($$v) {_vm.max_value=$$v},expression:\"max_value\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('max_value')),expression:\"errors.has('max_value')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('max_value')))])],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('min_value:10'),expression:\"'min_value:10'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Numeric value and must not be less than the specified value : 10\",\"name\":\"min_value\"},model:{value:(_vm.min_value),callback:function ($$v) {_vm.min_value=$$v},expression:\"min_value\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('min_value')),expression:\"errors.has('min_value')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('min_value')))])],1),_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:({regex: '^([0-9]+)$' }),expression:\"{regex: '^([0-9]+)$' }\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Must match the specified regular expression : ^([0-9]+)$ - numbers only\",\"name\":\"regex\"},model:{value:(_vm.regex),callback:function ($$v) {_vm.regex=$$v},expression:\"regex\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('regex')),expression:\"errors.has('regex')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('regex')))])],1)]),_c('vs-button',{staticClass:\"mt-5 block\",attrs:{\"type\":\"filled\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitForm.apply(null, arguments)}}},[_vm._v(\"Submit\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\" <template> <form> <div class=\\\"vx-row\\\"> <!-- required --> <div class=\\\"vx-col w-1/2\\\"> <vs-input size=\\\"large\\\" v-validate=\\\"'required'\\\" label=\\\"This field is required\\\" name=\\\"required\\\" v-model=\\\"required\\\" class=\\\"mt-5 w-full\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('required')\\\">\"+_vm._s(\"\\{\\{ errors.first('required') \\}\\}\")+\"</span> </div> <!-- Only alphabetic characters --> <div class=\\\"vx-col w-1/2\\\"> <vs-input size=\\\"large\\\" v-validate=\\\"'alpha'\\\" label=\\\"Only alphabetic characters\\\" name=\\\"alpha\\\" v-model=\\\"alpha\\\" class=\\\"mt-5 w-full\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('alpha')\\\">\"+_vm._s(\"\\{\\{ errors.first('alpha') \\}\\}\")+\"</span> </div> <!-- Only alphabetic characters, numbers, dashes or underscores --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('alpha_dash')\\\">\"+_vm._s(\"\\{\\{ errors.first('alpha_dash') \\}\\}\")+\"</span> </div> <!-- May contain alphabetic characters or numbers --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('alpha_num')\\\">\"+_vm._s(\"\\{\\{ errors.first('alpha_num') \\}\\}\")+\"</span> </div> <!-- Must only consist of numbers --> <div class=\\\"vx-col w-1/2\\\"> <vs-input size=\\\"large\\\" v-validate=\\\"'numeric'\\\" label=\\\"Must only consist of numbers\\\" name=\\\"numeric\\\" v-model=\\\"numeric\\\" class=\\\"mt-5 w-full\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('numeric')\\\">\"+_vm._s(\"\\{\\{ errors.first('numeric') \\}\\}\")+\"</span> </div> <!-- Only alphabetic characters or spaces --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('alpha_spaces')\\\">\"+_vm._s(\"\\{\\{ errors.first('alpha_spaces') \\}\\}\")+\"</span> </div> <!-- Must be a valid email --> <div class=\\\"vx-col w-1/2\\\"> <vs-input size=\\\"large\\\" v-validate=\\\"'email'\\\" label=\\\"Must be a valid email\\\" name=\\\"email\\\" v-model=\\\"email\\\" class=\\\"mt-5 w-full\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('email')\\\">\"+_vm._s(\"\\{\\{ errors.first('email') \\}\\}\")+\"</span> </div> <!-- Must be a valid url --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('url')\\\">\"+_vm._s(\"\\{\\{ errors.first('url') \\}\\}\")+\"</span> </div> <!-- Length should not be less than the specified length : 3 --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('min')\\\">\"+_vm._s(\"\\{\\{ errors.first('min') \\}\\}\")+\"</span> </div> <!-- Length may not exceed the specified length : 6 --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('max')\\\">\"+_vm._s(\"\\{\\{ errors.first('max') \\}\\}\")+\"</span> </div> <!-- Password 1 --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('password')\\\">\"+_vm._s(\"\\{\\{ errors.first('password') \\}\\}\")+\"</span> </div> <!-- Confirm Password --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('confirm_password')\\\">\"+_vm._s(\"\\{\\{ errors.first('confirm_password') \\}\\}\")+\"</span> </div> <!-- Date Format: dd/MM/yyyy --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('date_format')\\\">\"+_vm._s(\"\\{\\{ errors.first('date_format') \\}\\}\")+\"</span> </div> <!-- Numeric value between minimum value and a maximum value : 1 and 11 --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('between')\\\">\"+_vm._s(\"\\{\\{ errors.first('between') \\}\\}\")+\"</span> </div> <!-- Valid credit card --> <div class=\\\"vx-col w-1/2\\\"> <vs-input size=\\\"large\\\" v-validate=\\\"'credit_card'\\\" label=\\\"Valid credit card\\\" name=\\\"credit_card\\\" v-model=\\\"credit_card\\\" class=\\\"mt-5 w-full\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('credit_card')\\\">\"+_vm._s(\"\\{\\{ errors.first('credit_card') \\}\\}\")+\"</span> </div> <!-- Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016 --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('date_between')\\\">\"+_vm._s(\"\\{\\{ errors.first('date_between') \\}\\}\")+\"</span> </div> <!-- Must be numeric and have the specified number of digits : 3 --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('digits')\\\">\"+_vm._s(\"\\{\\{ errors.first('digits') \\}\\}\")+\"</span> </div> <!-- Must have a value that is in the specified list : 1 or 3 --> <div class=\\\"vx-col w-1/2\\\"> <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\\\"> <vs-select-item v-bind:key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options1\\\" /> </vs-select> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('included')\\\">\"+_vm._s(\"\\{\\{ errors.first('included') \\}\\}\")+\"</span> </div> <!-- Numeric value and must not be greater than the specified value : 100 --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('max_value')\\\">\"+_vm._s(\"\\{\\{ errors.first('max_value') \\}\\}\")+\"</span> </div> <!-- Numeric value and must not be less than the specified value : 10 --> <div class=\\\"vx-col w-1/2\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('min_value')\\\">\"+_vm._s(\"\\{\\{ errors.first('min_value') \\}\\}\")+\"</span> </div> <!-- Must match the specified regular expression : ^([0-9]+)$ - numbers only --> <div class=\\\"vx-col w-full\\\"> <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\\\" /> <span class=\\\"text-danger text-sm\\\" v-show=\\\"errors.has('regex')\\\">\"+_vm._s(\"\\{\\{ errors.first('regex') \\}\\}\")+\"</span> </div> </div> <vs-button type=\\\"filled\\\" @click.prevent=\\\"submitForm\\\" class=\\\"mt-5 block\\\">Submit</vs-button> </form> </template> <script> export default { data() { return { required: \\\"\\\", alpha: \\\"\\\", alpha_dash: \\\"\\\", alpha_num: \\\"\\\", numeric: \\\"\\\", alpha_spaces: \\\"\\\", email: \\\"\\\", url: \\\"\\\", min: \\\"\\\", max: \\\"\\\", password: \\\"\\\", confirm_password: \\\"\\\", date_format: \\\"\\\", between: \\\"\\\", credit_card: \\\"\\\", date_between: \\\"\\\", digits: \\\"\\\", select1: \\\"\\\", options1: [ { text: \\\"One\\\", value: 1 }, { text: \\\"Two\\\", value: 2 }, { text: \\\"Three\\\", value: 3 }, { text: \\\"Four\\\", value: 4 }, { text: \\\"Five\\\", value: 5 }, ], max_value: \\\"\\\", min_value: \\\"\\\", regex: \\\"\\\", } }, methods: { submitForm() { this.$validator.validateAll().then(result => { if (result) { // if form have no errors alert(\\\"form submitted!\\\"); } else { // form have errors } }) } }, } </script> \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: FormValidationTypes.vue\r\n    Description: Validation types\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n      Author: Miguel Arenas\r\n    Author URL: http://github.com/mxaxaxbx\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 v-bind: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 v-bind: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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/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=0654ecfc&\"\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/cli-service/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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n      Author: Miguel Arenas\r\n    Author URL: http://github.com/mxaxaxbx\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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/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=6653ceba&\"\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/cli-service/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":""}