[{"data":1,"prerenderedAt":3855},["Reactive",2],{"content-query-Fr4XtS677w":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":3850,"_id":3851,"_source":3852,"_file":3853,"_extension":3854},"/docs/forms/validation","forms",false,"","Form Validation - Inkline","Inkline provides you with powerful built-in form validation utilities.",{"type":11,"children":12,"toc":3844},"root",[13,22,28,34,69,76,93,104,137,368,375,387,655,661,678,716,721,728,745,964,970,981,1015,1619,1637,1643,1648,2527,3774,3786,3792,3797,3839],{"type":14,"tag":15,"props":16,"children":18},"element","h1",{"id":17},"form-validation",[19],{"type":20,"value":21},"text","Form Validation",{"type":14,"tag":23,"props":24,"children":26},"h2",{"id":25},"inkline-provides-you-with-powerful-built-in-form-validation-utilities",[27],{"type":20,"value":9},{"type":14,"tag":29,"props":30,"children":31},"p",{},[32],{"type":20,"value":33},"The built-in Form Validation mechanism allows you to define a form validation schema which you will bind to your form components. Using this declarative approach has several advantages and allows for easy and intuitive form validation:",{"type":14,"tag":35,"props":36,"children":37},"ul",{},[38,44,49,54,59,64],{"type":14,"tag":39,"props":40,"children":41},"li",{},[42],{"type":20,"value":43},"maintainable form validation schema",{"type":14,"tag":39,"props":45,"children":46},{},[47],{"type":20,"value":48},"programmatically customizable and extendable",{"type":14,"tag":39,"props":50,"children":51},{},[52],{"type":20,"value":53},"schema nesting and nested form validation",{"type":14,"tag":39,"props":55,"children":56},{},[57],{"type":20,"value":58},"built-in validation status propagation",{"type":14,"tag":39,"props":60,"children":61},{},[62],{"type":20,"value":63},"easy serialization",{"type":14,"tag":39,"props":65,"children":66},{},[67],{"type":20,"value":68},"clean template markup",{"type":14,"tag":70,"props":71,"children":73},"h3",{"id":72},"usage",[74],{"type":20,"value":75},"Usage",{"type":14,"tag":29,"props":77,"children":78},{},[79,81,91],{"type":20,"value":80},"The form validation schema is created using the ",{"type":14,"tag":82,"props":83,"children":84},"strong",{},[85],{"type":14,"tag":86,"props":87,"children":88},"code-inline",{},[89],{"type":20,"value":90},"useForm",{"type":20,"value":92}," utility inside components and will be used as a foundation for the form validation mechanism. The composable is type safe and requires a generic base type that determines the shape of your form.",{"type":14,"tag":29,"props":94,"children":95},{},[96,98,102],{"type":20,"value":97},"There are three values being returned by the ",{"type":14,"tag":86,"props":99,"children":100},{},[101],{"type":20,"value":90},{"type":20,"value":103}," composable:",{"type":14,"tag":35,"props":105,"children":106},{},[107,117,127],{"type":14,"tag":39,"props":108,"children":109},{},[110,115],{"type":14,"tag":86,"props":111,"children":112},{},[113],{"type":20,"value":114},"schema",{"type":20,"value":116}," - the resolved schema with all validation fields",{"type":14,"tag":39,"props":118,"children":119},{},[120,125],{"type":14,"tag":86,"props":121,"children":122},{},[123],{"type":20,"value":124},"form",{"type":20,"value":126}," - the serialized form values, computed based on the schema",{"type":14,"tag":39,"props":128,"children":129},{},[130,135],{"type":14,"tag":86,"props":131,"children":132},{},[133],{"type":20,"value":134},"validate",{"type":20,"value":136}," - a function to validate the schema on demand",{"type":14,"tag":138,"props":139,"children":144},"code",{"className":140,"code":142,"language":143,"meta":7},[141],"language-html","\u003Cscript lang=\"ts\" setup>\nimport { useForm } from '@inkline/inkline';\n\nconst { schema, form, validate } = useForm\u003C{ field: string; }>({\n    field: {}\n});\n\u003C/script>\n","html",[145],{"type":14,"tag":146,"props":147,"children":148},"pre",{},[149],{"type":14,"tag":138,"props":150,"children":151},{"__ignoreMap":7},[152,206,240,249,332,341,350],{"type":14,"tag":153,"props":154,"children":157},"span",{"class":155,"line":156},"line",1,[158,164,170,175,181,186,192,196,201],{"type":14,"tag":153,"props":159,"children":161},{"class":160},"ct-553616",[162],{"type":20,"value":163},"\u003C",{"type":14,"tag":153,"props":165,"children":167},{"class":166},"ct-914029",[168],{"type":20,"value":169},"script",{"type":14,"tag":153,"props":171,"children":172},{"class":160},[173],{"type":20,"value":174}," ",{"type":14,"tag":153,"props":176,"children":178},{"class":177},"ct-762058",[179],{"type":20,"value":180},"lang",{"type":14,"tag":153,"props":182,"children":183},{"class":160},[184],{"type":20,"value":185},"=",{"type":14,"tag":153,"props":187,"children":189},{"class":188},"ct-952708",[190],{"type":20,"value":191},"\"ts\"",{"type":14,"tag":153,"props":193,"children":194},{"class":160},[195],{"type":20,"value":174},{"type":14,"tag":153,"props":197,"children":198},{"class":177},[199],{"type":20,"value":200},"setup",{"type":14,"tag":153,"props":202,"children":203},{"class":160},[204],{"type":20,"value":205},">\n",{"type":14,"tag":153,"props":207,"children":209},{"class":155,"line":208},2,[210,216,221,226,230,235],{"type":14,"tag":153,"props":211,"children":213},{"class":212},"ct-149352",[214],{"type":20,"value":215},"import",{"type":14,"tag":153,"props":217,"children":218},{"class":160},[219],{"type":20,"value":220}," { useForm } ",{"type":14,"tag":153,"props":222,"children":223},{"class":212},[224],{"type":20,"value":225},"from",{"type":14,"tag":153,"props":227,"children":228},{"class":160},[229],{"type":20,"value":174},{"type":14,"tag":153,"props":231,"children":232},{"class":188},[233],{"type":20,"value":234},"'@inkline/inkline'",{"type":14,"tag":153,"props":236,"children":237},{"class":160},[238],{"type":20,"value":239},";\n",{"type":14,"tag":153,"props":241,"children":243},{"class":155,"line":242},3,[244],{"type":14,"tag":153,"props":245,"children":246},{},[247],{"type":20,"value":248},"\n",{"type":14,"tag":153,"props":250,"children":252},{"class":155,"line":251},4,[253,258,263,268,273,277,281,285,290,294,298,302,307,313,318,322,327],{"type":14,"tag":153,"props":254,"children":255},{"class":212},[256],{"type":20,"value":257},"const",{"type":14,"tag":153,"props":259,"children":260},{"class":160},[261],{"type":20,"value":262}," { ",{"type":14,"tag":153,"props":264,"children":266},{"class":265},"ct-617022",[267],{"type":20,"value":114},{"type":14,"tag":153,"props":269,"children":270},{"class":160},[271],{"type":20,"value":272},", ",{"type":14,"tag":153,"props":274,"children":275},{"class":265},[276],{"type":20,"value":124},{"type":14,"tag":153,"props":278,"children":279},{"class":160},[280],{"type":20,"value":272},{"type":14,"tag":153,"props":282,"children":283},{"class":265},[284],{"type":20,"value":134},{"type":14,"tag":153,"props":286,"children":287},{"class":160},[288],{"type":20,"value":289}," } ",{"type":14,"tag":153,"props":291,"children":292},{"class":212},[293],{"type":20,"value":185},{"type":14,"tag":153,"props":295,"children":296},{"class":160},[297],{"type":20,"value":174},{"type":14,"tag":153,"props":299,"children":300},{"class":177},[301],{"type":20,"value":90},{"type":14,"tag":153,"props":303,"children":304},{"class":160},[305],{"type":20,"value":306},"\u003C{ ",{"type":14,"tag":153,"props":308,"children":310},{"class":309},"ct-157101",[311],{"type":20,"value":312},"field",{"type":14,"tag":153,"props":314,"children":315},{"class":212},[316],{"type":20,"value":317},":",{"type":14,"tag":153,"props":319,"children":320},{"class":160},[321],{"type":20,"value":174},{"type":14,"tag":153,"props":323,"children":324},{"class":265},[325],{"type":20,"value":326},"string",{"type":14,"tag":153,"props":328,"children":329},{"class":160},[330],{"type":20,"value":331},"; }>({\n",{"type":14,"tag":153,"props":333,"children":335},{"class":155,"line":334},5,[336],{"type":14,"tag":153,"props":337,"children":338},{"class":160},[339],{"type":20,"value":340},"    field: {}\n",{"type":14,"tag":153,"props":342,"children":344},{"class":155,"line":343},6,[345],{"type":14,"tag":153,"props":346,"children":347},{"class":160},[348],{"type":20,"value":349},"});\n",{"type":14,"tag":153,"props":351,"children":353},{"class":155,"line":352},7,[354,359,363],{"type":14,"tag":153,"props":355,"children":356},{"class":160},[357],{"type":20,"value":358},"\u003C/",{"type":14,"tag":153,"props":360,"children":361},{"class":166},[362],{"type":20,"value":169},{"type":14,"tag":153,"props":364,"children":365},{"class":160},[366],{"type":20,"value":367},">",{"type":14,"tag":369,"props":370,"children":372},"h5",{"id":371},"options-api-deprecated",[373],{"type":20,"value":374},"Options API (Deprecated)",{"type":14,"tag":29,"props":376,"children":377},{},[378,380,385],{"type":20,"value":379},"The Options API is deprecated, but you can still use it to define your form schema. The form schema prototype will created using ",{"type":14,"tag":86,"props":381,"children":382},{},[383],{"type":20,"value":384},"this.$inkline.form",{"type":20,"value":386}," inside components and will be used as the foundation for creating form validation schemas.",{"type":14,"tag":138,"props":388,"children":393},{"className":389,"code":391,"language":392,"meta":7},[390],"language-js","\u003Cscript lang=\"ts\">\nimport { defineComponent } from 'vue';\n    \nexport default defineComponent({\n    data() {\n        return {\n            schema: this.$inkline.form\u003C{\n                username: string;\n                password: string;\n            }>({\n                username: {},\n                password: {},\n            })\n        };   \n    }       \n});  \n\u003C/script>\n","js",[394],{"type":14,"tag":146,"props":395,"children":396},{},[397],{"type":14,"tag":138,"props":398,"children":399},{"__ignoreMap":7},[400,431,439,447,455,473,481,517,547,576,585,594,603,612,621,630,639],{"type":14,"tag":153,"props":401,"children":402},{"class":155,"line":156},[403,407,411,415,419,423,427],{"type":14,"tag":153,"props":404,"children":405},{"class":160},[406],{"type":20,"value":163},{"type":14,"tag":153,"props":408,"children":409},{"class":166},[410],{"type":20,"value":169},{"type":14,"tag":153,"props":412,"children":413},{"class":160},[414],{"type":20,"value":174},{"type":14,"tag":153,"props":416,"children":417},{"class":177},[418],{"type":20,"value":180},{"type":14,"tag":153,"props":420,"children":421},{"class":212},[422],{"type":20,"value":185},{"type":14,"tag":153,"props":424,"children":425},{"class":188},[426],{"type":20,"value":191},{"type":14,"tag":153,"props":428,"children":429},{"class":160},[430],{"type":20,"value":205},{"type":14,"tag":153,"props":432,"children":433},{"class":155,"line":208},[434],{"type":14,"tag":153,"props":435,"children":436},{"class":160},[437],{"type":20,"value":438},"import { defineComponent } from 'vue';\n",{"type":14,"tag":153,"props":440,"children":441},{"class":155,"line":242},[442],{"type":14,"tag":153,"props":443,"children":444},{"class":160},[445],{"type":20,"value":446},"    \n",{"type":14,"tag":153,"props":448,"children":449},{"class":155,"line":251},[450],{"type":14,"tag":153,"props":451,"children":452},{"class":160},[453],{"type":20,"value":454},"export default defineComponent({\n",{"type":14,"tag":153,"props":456,"children":457},{"class":155,"line":334},[458,463,468],{"type":14,"tag":153,"props":459,"children":460},{"class":160},[461],{"type":20,"value":462},"    ",{"type":14,"tag":153,"props":464,"children":465},{"class":177},[466],{"type":20,"value":467},"data",{"type":14,"tag":153,"props":469,"children":470},{"class":160},[471],{"type":20,"value":472},"() {\n",{"type":14,"tag":153,"props":474,"children":475},{"class":155,"line":343},[476],{"type":14,"tag":153,"props":477,"children":478},{"class":160},[479],{"type":20,"value":480},"        return {\n",{"type":14,"tag":153,"props":482,"children":483},{"class":155,"line":352},[484,489,493,498,503,508,512],{"type":14,"tag":153,"props":485,"children":486},{"class":160},[487],{"type":20,"value":488},"            ",{"type":14,"tag":153,"props":490,"children":491},{"class":177},[492],{"type":20,"value":114},{"type":14,"tag":153,"props":494,"children":495},{"class":160},[496],{"type":20,"value":497},": ",{"type":14,"tag":153,"props":499,"children":500},{"class":265},[501],{"type":20,"value":502},"this",{"type":14,"tag":153,"props":504,"children":505},{"class":160},[506],{"type":20,"value":507},".$inkline.",{"type":14,"tag":153,"props":509,"children":510},{"class":177},[511],{"type":20,"value":124},{"type":14,"tag":153,"props":513,"children":514},{"class":160},[515],{"type":20,"value":516},"\u003C{\n",{"type":14,"tag":153,"props":518,"children":520},{"class":155,"line":519},8,[521,526,531,535,539,543],{"type":14,"tag":153,"props":522,"children":523},{"class":160},[524],{"type":20,"value":525},"                ",{"type":14,"tag":153,"props":527,"children":528},{"class":309},[529],{"type":20,"value":530},"username",{"type":14,"tag":153,"props":532,"children":533},{"class":212},[534],{"type":20,"value":317},{"type":14,"tag":153,"props":536,"children":537},{"class":160},[538],{"type":20,"value":174},{"type":14,"tag":153,"props":540,"children":541},{"class":265},[542],{"type":20,"value":326},{"type":14,"tag":153,"props":544,"children":545},{"class":160},[546],{"type":20,"value":239},{"type":14,"tag":153,"props":548,"children":550},{"class":155,"line":549},9,[551,555,560,564,568,572],{"type":14,"tag":153,"props":552,"children":553},{"class":160},[554],{"type":20,"value":525},{"type":14,"tag":153,"props":556,"children":557},{"class":309},[558],{"type":20,"value":559},"password",{"type":14,"tag":153,"props":561,"children":562},{"class":212},[563],{"type":20,"value":317},{"type":14,"tag":153,"props":565,"children":566},{"class":160},[567],{"type":20,"value":174},{"type":14,"tag":153,"props":569,"children":570},{"class":265},[571],{"type":20,"value":326},{"type":14,"tag":153,"props":573,"children":574},{"class":160},[575],{"type":20,"value":239},{"type":14,"tag":153,"props":577,"children":579},{"class":155,"line":578},10,[580],{"type":14,"tag":153,"props":581,"children":582},{"class":160},[583],{"type":20,"value":584},"            }>({\n",{"type":14,"tag":153,"props":586,"children":588},{"class":155,"line":587},11,[589],{"type":14,"tag":153,"props":590,"children":591},{"class":160},[592],{"type":20,"value":593},"                username: {},\n",{"type":14,"tag":153,"props":595,"children":597},{"class":155,"line":596},12,[598],{"type":14,"tag":153,"props":599,"children":600},{"class":160},[601],{"type":20,"value":602},"                password: {},\n",{"type":14,"tag":153,"props":604,"children":606},{"class":155,"line":605},13,[607],{"type":14,"tag":153,"props":608,"children":609},{"class":160},[610],{"type":20,"value":611},"            })\n",{"type":14,"tag":153,"props":613,"children":615},{"class":155,"line":614},14,[616],{"type":14,"tag":153,"props":617,"children":618},{"class":160},[619],{"type":20,"value":620},"        };   \n",{"type":14,"tag":153,"props":622,"children":624},{"class":155,"line":623},15,[625],{"type":14,"tag":153,"props":626,"children":627},{"class":160},[628],{"type":20,"value":629},"    }       \n",{"type":14,"tag":153,"props":631,"children":633},{"class":155,"line":632},16,[634],{"type":14,"tag":153,"props":635,"children":636},{"class":160},[637],{"type":20,"value":638},"});  \n",{"type":14,"tag":153,"props":640,"children":642},{"class":155,"line":641},17,[643,647,651],{"type":14,"tag":153,"props":644,"children":645},{"class":160},[646],{"type":20,"value":358},{"type":14,"tag":153,"props":648,"children":649},{"class":166},[650],{"type":20,"value":169},{"type":14,"tag":153,"props":652,"children":653},{"class":160},[654],{"type":20,"value":367},{"type":14,"tag":70,"props":656,"children":658},{"id":657},"basic-example",[659],{"type":20,"value":660},"Basic Example",{"type":14,"tag":29,"props":662,"children":663},{},[664,666,670,672,676],{"type":20,"value":665},"Let's create a basic signup form that has a ",{"type":14,"tag":86,"props":667,"children":668},{},[669],{"type":20,"value":530},{"type":20,"value":671}," and a ",{"type":14,"tag":86,"props":673,"children":674},{},[675],{"type":20,"value":559},{"type":20,"value":677}," field. Validation for this kind of form is usually a headache, but Inkline makes it simple for you. Basic validation for these fields usually includes:",{"type":14,"tag":35,"props":679,"children":680},{},[681,686,691,696,701,706,711],{"type":14,"tag":39,"props":682,"children":683},{},[684],{"type":20,"value":685},"The username is required",{"type":14,"tag":39,"props":687,"children":688},{},[689],{"type":20,"value":690},"The password is required",{"type":14,"tag":39,"props":692,"children":693},{},[694],{"type":20,"value":695},"The password is at least 8 characters long",{"type":14,"tag":39,"props":697,"children":698},{},[699],{"type":20,"value":700},"The password contains at least one uppercase character",{"type":14,"tag":39,"props":702,"children":703},{},[704],{"type":20,"value":705},"The password contains at least one lowercase character",{"type":14,"tag":39,"props":707,"children":708},{},[709],{"type":20,"value":710},"The password contains at least one numeric character",{"type":14,"tag":39,"props":712,"children":713},{},[714],{"type":20,"value":715},"The password contains at least one symbol",{"type":14,"tag":29,"props":717,"children":718},{},[719],{"type":20,"value":720},"The form validation schema prototype is available for both the Options API and the Composition API. Choose the one that you prefer.",{"type":14,"tag":722,"props":723,"children":725},"h4",{"id":724},"_1-defining-the-form-schema",[726],{"type":20,"value":727},"1. Defining the form schema",{"type":14,"tag":29,"props":729,"children":730},{},[731,733,737,739,743],{"type":20,"value":732},"First, we'll create our schema with two fields: ",{"type":14,"tag":86,"props":734,"children":735},{},[736],{"type":20,"value":530},{"type":20,"value":738}," and ",{"type":14,"tag":86,"props":740,"children":741},{},[742],{"type":20,"value":559},{"type":20,"value":744},".",{"type":14,"tag":138,"props":746,"children":749},{"className":747,"code":748,"language":143,"meta":7},[141],"\u003Cscript lang=\"ts\" setup>\nimport { useForm } from '@inkline/inkline';\n\nconst { schema } = useForm\u003C{\n    username: string;\n    password: string;\n}>({\n    username: {},\n    password: {},\n});\n\u003C/script>\n",[750],{"type":14,"tag":146,"props":751,"children":752},{},[753],{"type":14,"tag":138,"props":754,"children":755},{"__ignoreMap":7},[756,795,822,829,864,891,918,926,934,942,949],{"type":14,"tag":153,"props":757,"children":758},{"class":155,"line":156},[759,763,767,771,775,779,783,787,791],{"type":14,"tag":153,"props":760,"children":761},{"class":160},[762],{"type":20,"value":163},{"type":14,"tag":153,"props":764,"children":765},{"class":166},[766],{"type":20,"value":169},{"type":14,"tag":153,"props":768,"children":769},{"class":160},[770],{"type":20,"value":174},{"type":14,"tag":153,"props":772,"children":773},{"class":177},[774],{"type":20,"value":180},{"type":14,"tag":153,"props":776,"children":777},{"class":160},[778],{"type":20,"value":185},{"type":14,"tag":153,"props":780,"children":781},{"class":188},[782],{"type":20,"value":191},{"type":14,"tag":153,"props":784,"children":785},{"class":160},[786],{"type":20,"value":174},{"type":14,"tag":153,"props":788,"children":789},{"class":177},[790],{"type":20,"value":200},{"type":14,"tag":153,"props":792,"children":793},{"class":160},[794],{"type":20,"value":205},{"type":14,"tag":153,"props":796,"children":797},{"class":155,"line":208},[798,802,806,810,814,818],{"type":14,"tag":153,"props":799,"children":800},{"class":212},[801],{"type":20,"value":215},{"type":14,"tag":153,"props":803,"children":804},{"class":160},[805],{"type":20,"value":220},{"type":14,"tag":153,"props":807,"children":808},{"class":212},[809],{"type":20,"value":225},{"type":14,"tag":153,"props":811,"children":812},{"class":160},[813],{"type":20,"value":174},{"type":14,"tag":153,"props":815,"children":816},{"class":188},[817],{"type":20,"value":234},{"type":14,"tag":153,"props":819,"children":820},{"class":160},[821],{"type":20,"value":239},{"type":14,"tag":153,"props":823,"children":824},{"class":155,"line":242},[825],{"type":14,"tag":153,"props":826,"children":827},{},[828],{"type":20,"value":248},{"type":14,"tag":153,"props":830,"children":831},{"class":155,"line":251},[832,836,840,844,848,852,856,860],{"type":14,"tag":153,"props":833,"children":834},{"class":212},[835],{"type":20,"value":257},{"type":14,"tag":153,"props":837,"children":838},{"class":160},[839],{"type":20,"value":262},{"type":14,"tag":153,"props":841,"children":842},{"class":265},[843],{"type":20,"value":114},{"type":14,"tag":153,"props":845,"children":846},{"class":160},[847],{"type":20,"value":289},{"type":14,"tag":153,"props":849,"children":850},{"class":212},[851],{"type":20,"value":185},{"type":14,"tag":153,"props":853,"children":854},{"class":160},[855],{"type":20,"value":174},{"type":14,"tag":153,"props":857,"children":858},{"class":177},[859],{"type":20,"value":90},{"type":14,"tag":153,"props":861,"children":862},{"class":160},[863],{"type":20,"value":516},{"type":14,"tag":153,"props":865,"children":866},{"class":155,"line":334},[867,871,875,879,883,887],{"type":14,"tag":153,"props":868,"children":869},{"class":160},[870],{"type":20,"value":462},{"type":14,"tag":153,"props":872,"children":873},{"class":309},[874],{"type":20,"value":530},{"type":14,"tag":153,"props":876,"children":877},{"class":212},[878],{"type":20,"value":317},{"type":14,"tag":153,"props":880,"children":881},{"class":160},[882],{"type":20,"value":174},{"type":14,"tag":153,"props":884,"children":885},{"class":265},[886],{"type":20,"value":326},{"type":14,"tag":153,"props":888,"children":889},{"class":160},[890],{"type":20,"value":239},{"type":14,"tag":153,"props":892,"children":893},{"class":155,"line":343},[894,898,902,906,910,914],{"type":14,"tag":153,"props":895,"children":896},{"class":160},[897],{"type":20,"value":462},{"type":14,"tag":153,"props":899,"children":900},{"class":309},[901],{"type":20,"value":559},{"type":14,"tag":153,"props":903,"children":904},{"class":212},[905],{"type":20,"value":317},{"type":14,"tag":153,"props":907,"children":908},{"class":160},[909],{"type":20,"value":174},{"type":14,"tag":153,"props":911,"children":912},{"class":265},[913],{"type":20,"value":326},{"type":14,"tag":153,"props":915,"children":916},{"class":160},[917],{"type":20,"value":239},{"type":14,"tag":153,"props":919,"children":920},{"class":155,"line":352},[921],{"type":14,"tag":153,"props":922,"children":923},{"class":160},[924],{"type":20,"value":925},"}>({\n",{"type":14,"tag":153,"props":927,"children":928},{"class":155,"line":519},[929],{"type":14,"tag":153,"props":930,"children":931},{"class":160},[932],{"type":20,"value":933},"    username: {},\n",{"type":14,"tag":153,"props":935,"children":936},{"class":155,"line":549},[937],{"type":14,"tag":153,"props":938,"children":939},{"class":160},[940],{"type":20,"value":941},"    password: {},\n",{"type":14,"tag":153,"props":943,"children":944},{"class":155,"line":578},[945],{"type":14,"tag":153,"props":946,"children":947},{"class":160},[948],{"type":20,"value":349},{"type":14,"tag":153,"props":950,"children":951},{"class":155,"line":587},[952,956,960],{"type":14,"tag":153,"props":953,"children":954},{"class":160},[955],{"type":20,"value":358},{"type":14,"tag":153,"props":957,"children":958},{"class":166},[959],{"type":20,"value":169},{"type":14,"tag":153,"props":961,"children":962},{"class":160},[963],{"type":20,"value":367},{"type":14,"tag":722,"props":965,"children":967},{"id":966},"_2-connecting-the-form-schema-to-the-form-components",[968],{"type":20,"value":969},"2. Connecting the form schema to the form components",{"type":14,"tag":29,"props":971,"children":972},{},[973,975,979],{"type":20,"value":974},"Next, the created ",{"type":14,"tag":86,"props":976,"children":977},{},[978],{"type":20,"value":114},{"type":20,"value":980}," object needs to be connected to the form input components inside your template as follows:",{"type":14,"tag":35,"props":982,"children":983},{},[984,1003],{"type":14,"tag":39,"props":985,"children":986},{},[987,989,994,996,1001],{"type":20,"value":988},"The root ",{"type":14,"tag":86,"props":990,"children":991},{},[992],{"type":20,"value":993},"IForm",{"type":20,"value":995}," component handles all field value changes using the ",{"type":14,"tag":86,"props":997,"children":998},{},[999],{"type":20,"value":1000},"v-model",{"type":20,"value":1002}," directive",{"type":14,"tag":39,"props":1004,"children":1005},{},[1006,1008,1013],{"type":20,"value":1007},"Each field name of the schema connects directly to a form input component using the ",{"type":14,"tag":86,"props":1009,"children":1010},{},[1011],{"type":20,"value":1012},"name",{"type":20,"value":1014}," prop of the component",{"type":14,"tag":1016,"props":1017,"children":1018},"content-tabs",{},[1019,1028],{"type":14,"tag":1020,"props":1021,"children":1022},"template",{"v-slot:preview":7},[1023],{"type":14,"tag":1024,"props":1025,"children":1027},"content-preview",{"src":1026},"/stories/forms/validation/basic-binding",[],{"type":14,"tag":1020,"props":1029,"children":1030},{"v-slot:vue":7},[1031],{"type":14,"tag":138,"props":1032,"children":1037},{"className":1033,"code":1035,"language":1036,"meta":7},[1034],"language-vue","\u003Cscript lang=\"ts\" setup>\nimport { useForm } from '@inkline/inkline/composables';\n\nconst { schema } = useForm\u003C{\n    username: string;\n    password: string;\n}>({\n    username: {},\n    password: {}\n});\n\u003C/script>\n\u003Ctemplate>\n    \u003CIForm v-model=\"schema\">\n        \u003CIFormGroup>\n            \u003CIFormLabel>Username\u003C/IFormLabel>\n            \u003CIInput name=\"username\" placeholder=\"Enter a username..\" />\n        \u003C/IFormGroup>\n        \u003CIFormGroup>\n            \u003CIFormLabel>Password\u003C/IFormLabel>\n            \u003CIInput name=\"password\" type=\"password\" placeholder=\"Enter a password..\" />\n        \u003C/IFormGroup>\n    \u003C/IForm>\n\n    \u003Cpre class=\"_margin-top:2 _text:muted\">{{ schema }}\u003C/pre>\n\u003C/template>\n\n","vue",[1038],{"type":14,"tag":146,"props":1039,"children":1040},{},[1041],{"type":14,"tag":138,"props":1042,"children":1043},{"__ignoreMap":7},[1044,1083,1111,1118,1153,1180,1207,1214,1221,1229,1236,1251,1266,1300,1317,1343,1395,1411,1427,1452,1519,1535,1552,1560,1603],{"type":14,"tag":153,"props":1045,"children":1046},{"class":155,"line":156},[1047,1051,1055,1059,1063,1067,1071,1075,1079],{"type":14,"tag":153,"props":1048,"children":1049},{"class":160},[1050],{"type":20,"value":163},{"type":14,"tag":153,"props":1052,"children":1053},{"class":166},[1054],{"type":20,"value":169},{"type":14,"tag":153,"props":1056,"children":1057},{"class":160},[1058],{"type":20,"value":174},{"type":14,"tag":153,"props":1060,"children":1061},{"class":177},[1062],{"type":20,"value":180},{"type":14,"tag":153,"props":1064,"children":1065},{"class":160},[1066],{"type":20,"value":185},{"type":14,"tag":153,"props":1068,"children":1069},{"class":188},[1070],{"type":20,"value":191},{"type":14,"tag":153,"props":1072,"children":1073},{"class":160},[1074],{"type":20,"value":174},{"type":14,"tag":153,"props":1076,"children":1077},{"class":177},[1078],{"type":20,"value":200},{"type":14,"tag":153,"props":1080,"children":1081},{"class":160},[1082],{"type":20,"value":205},{"type":14,"tag":153,"props":1084,"children":1085},{"class":155,"line":208},[1086,1090,1094,1098,1102,1107],{"type":14,"tag":153,"props":1087,"children":1088},{"class":212},[1089],{"type":20,"value":215},{"type":14,"tag":153,"props":1091,"children":1092},{"class":160},[1093],{"type":20,"value":220},{"type":14,"tag":153,"props":1095,"children":1096},{"class":212},[1097],{"type":20,"value":225},{"type":14,"tag":153,"props":1099,"children":1100},{"class":160},[1101],{"type":20,"value":174},{"type":14,"tag":153,"props":1103,"children":1104},{"class":188},[1105],{"type":20,"value":1106},"'@inkline/inkline/composables'",{"type":14,"tag":153,"props":1108,"children":1109},{"class":160},[1110],{"type":20,"value":239},{"type":14,"tag":153,"props":1112,"children":1113},{"class":155,"line":242},[1114],{"type":14,"tag":153,"props":1115,"children":1116},{},[1117],{"type":20,"value":248},{"type":14,"tag":153,"props":1119,"children":1120},{"class":155,"line":251},[1121,1125,1129,1133,1137,1141,1145,1149],{"type":14,"tag":153,"props":1122,"children":1123},{"class":212},[1124],{"type":20,"value":257},{"type":14,"tag":153,"props":1126,"children":1127},{"class":160},[1128],{"type":20,"value":262},{"type":14,"tag":153,"props":1130,"children":1131},{"class":265},[1132],{"type":20,"value":114},{"type":14,"tag":153,"props":1134,"children":1135},{"class":160},[1136],{"type":20,"value":289},{"type":14,"tag":153,"props":1138,"children":1139},{"class":212},[1140],{"type":20,"value":185},{"type":14,"tag":153,"props":1142,"children":1143},{"class":160},[1144],{"type":20,"value":174},{"type":14,"tag":153,"props":1146,"children":1147},{"class":177},[1148],{"type":20,"value":90},{"type":14,"tag":153,"props":1150,"children":1151},{"class":160},[1152],{"type":20,"value":516},{"type":14,"tag":153,"props":1154,"children":1155},{"class":155,"line":334},[1156,1160,1164,1168,1172,1176],{"type":14,"tag":153,"props":1157,"children":1158},{"class":160},[1159],{"type":20,"value":462},{"type":14,"tag":153,"props":1161,"children":1162},{"class":309},[1163],{"type":20,"value":530},{"type":14,"tag":153,"props":1165,"children":1166},{"class":212},[1167],{"type":20,"value":317},{"type":14,"tag":153,"props":1169,"children":1170},{"class":160},[1171],{"type":20,"value":174},{"type":14,"tag":153,"props":1173,"children":1174},{"class":265},[1175],{"type":20,"value":326},{"type":14,"tag":153,"props":1177,"children":1178},{"class":160},[1179],{"type":20,"value":239},{"type":14,"tag":153,"props":1181,"children":1182},{"class":155,"line":343},[1183,1187,1191,1195,1199,1203],{"type":14,"tag":153,"props":1184,"children":1185},{"class":160},[1186],{"type":20,"value":462},{"type":14,"tag":153,"props":1188,"children":1189},{"class":309},[1190],{"type":20,"value":559},{"type":14,"tag":153,"props":1192,"children":1193},{"class":212},[1194],{"type":20,"value":317},{"type":14,"tag":153,"props":1196,"children":1197},{"class":160},[1198],{"type":20,"value":174},{"type":14,"tag":153,"props":1200,"children":1201},{"class":265},[1202],{"type":20,"value":326},{"type":14,"tag":153,"props":1204,"children":1205},{"class":160},[1206],{"type":20,"value":239},{"type":14,"tag":153,"props":1208,"children":1209},{"class":155,"line":352},[1210],{"type":14,"tag":153,"props":1211,"children":1212},{"class":160},[1213],{"type":20,"value":925},{"type":14,"tag":153,"props":1215,"children":1216},{"class":155,"line":519},[1217],{"type":14,"tag":153,"props":1218,"children":1219},{"class":160},[1220],{"type":20,"value":933},{"type":14,"tag":153,"props":1222,"children":1223},{"class":155,"line":549},[1224],{"type":14,"tag":153,"props":1225,"children":1226},{"class":160},[1227],{"type":20,"value":1228},"    password: {}\n",{"type":14,"tag":153,"props":1230,"children":1231},{"class":155,"line":578},[1232],{"type":14,"tag":153,"props":1233,"children":1234},{"class":160},[1235],{"type":20,"value":349},{"type":14,"tag":153,"props":1237,"children":1238},{"class":155,"line":587},[1239,1243,1247],{"type":14,"tag":153,"props":1240,"children":1241},{"class":160},[1242],{"type":20,"value":358},{"type":14,"tag":153,"props":1244,"children":1245},{"class":166},[1246],{"type":20,"value":169},{"type":14,"tag":153,"props":1248,"children":1249},{"class":160},[1250],{"type":20,"value":205},{"type":14,"tag":153,"props":1252,"children":1253},{"class":155,"line":596},[1254,1258,1262],{"type":14,"tag":153,"props":1255,"children":1256},{"class":160},[1257],{"type":20,"value":163},{"type":14,"tag":153,"props":1259,"children":1260},{"class":166},[1261],{"type":20,"value":1020},{"type":14,"tag":153,"props":1263,"children":1264},{"class":160},[1265],{"type":20,"value":205},{"type":14,"tag":153,"props":1267,"children":1268},{"class":155,"line":605},[1269,1274,1279,1283,1287,1291,1296],{"type":14,"tag":153,"props":1270,"children":1271},{"class":160},[1272],{"type":20,"value":1273},"    \u003C",{"type":14,"tag":153,"props":1275,"children":1277},{"class":1276},"ct-028869",[1278],{"type":20,"value":993},{"type":14,"tag":153,"props":1280,"children":1281},{"class":160},[1282],{"type":20,"value":174},{"type":14,"tag":153,"props":1284,"children":1285},{"class":177},[1286],{"type":20,"value":1000},{"type":14,"tag":153,"props":1288,"children":1289},{"class":160},[1290],{"type":20,"value":185},{"type":14,"tag":153,"props":1292,"children":1293},{"class":188},[1294],{"type":20,"value":1295},"\"schema\"",{"type":14,"tag":153,"props":1297,"children":1298},{"class":160},[1299],{"type":20,"value":205},{"type":14,"tag":153,"props":1301,"children":1302},{"class":155,"line":614},[1303,1308,1313],{"type":14,"tag":153,"props":1304,"children":1305},{"class":160},[1306],{"type":20,"value":1307},"        \u003C",{"type":14,"tag":153,"props":1309,"children":1310},{"class":1276},[1311],{"type":20,"value":1312},"IFormGroup",{"type":14,"tag":153,"props":1314,"children":1315},{"class":160},[1316],{"type":20,"value":205},{"type":14,"tag":153,"props":1318,"children":1319},{"class":155,"line":623},[1320,1325,1330,1335,1339],{"type":14,"tag":153,"props":1321,"children":1322},{"class":160},[1323],{"type":20,"value":1324},"            \u003C",{"type":14,"tag":153,"props":1326,"children":1327},{"class":1276},[1328],{"type":20,"value":1329},"IFormLabel",{"type":14,"tag":153,"props":1331,"children":1332},{"class":160},[1333],{"type":20,"value":1334},">Username\u003C/",{"type":14,"tag":153,"props":1336,"children":1337},{"class":1276},[1338],{"type":20,"value":1329},{"type":14,"tag":153,"props":1340,"children":1341},{"class":160},[1342],{"type":20,"value":205},{"type":14,"tag":153,"props":1344,"children":1345},{"class":155,"line":632},[1346,1350,1355,1359,1363,1367,1372,1376,1381,1385,1390],{"type":14,"tag":153,"props":1347,"children":1348},{"class":160},[1349],{"type":20,"value":1324},{"type":14,"tag":153,"props":1351,"children":1352},{"class":1276},[1353],{"type":20,"value":1354},"IInput",{"type":14,"tag":153,"props":1356,"children":1357},{"class":160},[1358],{"type":20,"value":174},{"type":14,"tag":153,"props":1360,"children":1361},{"class":177},[1362],{"type":20,"value":1012},{"type":14,"tag":153,"props":1364,"children":1365},{"class":160},[1366],{"type":20,"value":185},{"type":14,"tag":153,"props":1368,"children":1369},{"class":188},[1370],{"type":20,"value":1371},"\"username\"",{"type":14,"tag":153,"props":1373,"children":1374},{"class":160},[1375],{"type":20,"value":174},{"type":14,"tag":153,"props":1377,"children":1378},{"class":177},[1379],{"type":20,"value":1380},"placeholder",{"type":14,"tag":153,"props":1382,"children":1383},{"class":160},[1384],{"type":20,"value":185},{"type":14,"tag":153,"props":1386,"children":1387},{"class":188},[1388],{"type":20,"value":1389},"\"Enter a username..\"",{"type":14,"tag":153,"props":1391,"children":1392},{"class":160},[1393],{"type":20,"value":1394}," />\n",{"type":14,"tag":153,"props":1396,"children":1397},{"class":155,"line":641},[1398,1403,1407],{"type":14,"tag":153,"props":1399,"children":1400},{"class":160},[1401],{"type":20,"value":1402},"        \u003C/",{"type":14,"tag":153,"props":1404,"children":1405},{"class":1276},[1406],{"type":20,"value":1312},{"type":14,"tag":153,"props":1408,"children":1409},{"class":160},[1410],{"type":20,"value":205},{"type":14,"tag":153,"props":1412,"children":1414},{"class":155,"line":1413},18,[1415,1419,1423],{"type":14,"tag":153,"props":1416,"children":1417},{"class":160},[1418],{"type":20,"value":1307},{"type":14,"tag":153,"props":1420,"children":1421},{"class":1276},[1422],{"type":20,"value":1312},{"type":14,"tag":153,"props":1424,"children":1425},{"class":160},[1426],{"type":20,"value":205},{"type":14,"tag":153,"props":1428,"children":1430},{"class":155,"line":1429},19,[1431,1435,1439,1444,1448],{"type":14,"tag":153,"props":1432,"children":1433},{"class":160},[1434],{"type":20,"value":1324},{"type":14,"tag":153,"props":1436,"children":1437},{"class":1276},[1438],{"type":20,"value":1329},{"type":14,"tag":153,"props":1440,"children":1441},{"class":160},[1442],{"type":20,"value":1443},">Password\u003C/",{"type":14,"tag":153,"props":1445,"children":1446},{"class":1276},[1447],{"type":20,"value":1329},{"type":14,"tag":153,"props":1449,"children":1450},{"class":160},[1451],{"type":20,"value":205},{"type":14,"tag":153,"props":1453,"children":1455},{"class":155,"line":1454},20,[1456,1460,1464,1468,1472,1476,1481,1485,1490,1494,1498,1502,1506,1510,1515],{"type":14,"tag":153,"props":1457,"children":1458},{"class":160},[1459],{"type":20,"value":1324},{"type":14,"tag":153,"props":1461,"children":1462},{"class":1276},[1463],{"type":20,"value":1354},{"type":14,"tag":153,"props":1465,"children":1466},{"class":160},[1467],{"type":20,"value":174},{"type":14,"tag":153,"props":1469,"children":1470},{"class":177},[1471],{"type":20,"value":1012},{"type":14,"tag":153,"props":1473,"children":1474},{"class":160},[1475],{"type":20,"value":185},{"type":14,"tag":153,"props":1477,"children":1478},{"class":188},[1479],{"type":20,"value":1480},"\"password\"",{"type":14,"tag":153,"props":1482,"children":1483},{"class":160},[1484],{"type":20,"value":174},{"type":14,"tag":153,"props":1486,"children":1487},{"class":177},[1488],{"type":20,"value":1489},"type",{"type":14,"tag":153,"props":1491,"children":1492},{"class":160},[1493],{"type":20,"value":185},{"type":14,"tag":153,"props":1495,"children":1496},{"class":188},[1497],{"type":20,"value":1480},{"type":14,"tag":153,"props":1499,"children":1500},{"class":160},[1501],{"type":20,"value":174},{"type":14,"tag":153,"props":1503,"children":1504},{"class":177},[1505],{"type":20,"value":1380},{"type":14,"tag":153,"props":1507,"children":1508},{"class":160},[1509],{"type":20,"value":185},{"type":14,"tag":153,"props":1511,"children":1512},{"class":188},[1513],{"type":20,"value":1514},"\"Enter a password..\"",{"type":14,"tag":153,"props":1516,"children":1517},{"class":160},[1518],{"type":20,"value":1394},{"type":14,"tag":153,"props":1520,"children":1522},{"class":155,"line":1521},21,[1523,1527,1531],{"type":14,"tag":153,"props":1524,"children":1525},{"class":160},[1526],{"type":20,"value":1402},{"type":14,"tag":153,"props":1528,"children":1529},{"class":1276},[1530],{"type":20,"value":1312},{"type":14,"tag":153,"props":1532,"children":1533},{"class":160},[1534],{"type":20,"value":205},{"type":14,"tag":153,"props":1536,"children":1538},{"class":155,"line":1537},22,[1539,1544,1548],{"type":14,"tag":153,"props":1540,"children":1541},{"class":160},[1542],{"type":20,"value":1543},"    \u003C/",{"type":14,"tag":153,"props":1545,"children":1546},{"class":1276},[1547],{"type":20,"value":993},{"type":14,"tag":153,"props":1549,"children":1550},{"class":160},[1551],{"type":20,"value":205},{"type":14,"tag":153,"props":1553,"children":1555},{"class":155,"line":1554},23,[1556],{"type":14,"tag":153,"props":1557,"children":1558},{},[1559],{"type":20,"value":248},{"type":14,"tag":153,"props":1561,"children":1563},{"class":155,"line":1562},24,[1564,1568,1572,1576,1581,1585,1590,1595,1599],{"type":14,"tag":153,"props":1565,"children":1566},{"class":160},[1567],{"type":20,"value":1273},{"type":14,"tag":153,"props":1569,"children":1570},{"class":166},[1571],{"type":20,"value":146},{"type":14,"tag":153,"props":1573,"children":1574},{"class":160},[1575],{"type":20,"value":174},{"type":14,"tag":153,"props":1577,"children":1578},{"class":177},[1579],{"type":20,"value":1580},"class",{"type":14,"tag":153,"props":1582,"children":1583},{"class":160},[1584],{"type":20,"value":185},{"type":14,"tag":153,"props":1586,"children":1587},{"class":188},[1588],{"type":20,"value":1589},"\"_margin-top:2 _text:muted\"",{"type":14,"tag":153,"props":1591,"children":1592},{"class":160},[1593],{"type":20,"value":1594},">{{ schema }}\u003C/",{"type":14,"tag":153,"props":1596,"children":1597},{"class":166},[1598],{"type":20,"value":146},{"type":14,"tag":153,"props":1600,"children":1601},{"class":160},[1602],{"type":20,"value":205},{"type":14,"tag":153,"props":1604,"children":1606},{"class":155,"line":1605},25,[1607,1611,1615],{"type":14,"tag":153,"props":1608,"children":1609},{"class":160},[1610],{"type":20,"value":358},{"type":14,"tag":153,"props":1612,"children":1613},{"class":166},[1614],{"type":20,"value":1020},{"type":14,"tag":153,"props":1616,"children":1617},{"class":160},[1618],{"type":20,"value":367},{"type":14,"tag":29,"props":1620,"children":1621},{},[1622,1624,1629,1630,1635],{"type":20,"value":1623},"After initialization, as seen in the example above, ",{"type":14,"tag":86,"props":1625,"children":1626},{},[1627],{"type":20,"value":1628},"schema.value.username",{"type":20,"value":738},{"type":14,"tag":86,"props":1631,"children":1632},{},[1633],{"type":20,"value":1634},"schema.value.password",{"type":20,"value":1636}," are objects containing the field value, errors and validation statuses.",{"type":14,"tag":722,"props":1638,"children":1640},{"id":1639},"_3-adding-the-form-validators",[1641],{"type":20,"value":1642},"3. Adding the form validators",{"type":14,"tag":29,"props":1644,"children":1645},{},[1646],{"type":20,"value":1647},"Next, let's add the previously mentioned validators to the created form schema:",{"type":14,"tag":138,"props":1649,"children":1652},{"className":1650,"code":1651,"language":143,"meta":7},[141],"\u003Cscript lang=\"ts\" setup>\nimport { useForm } from '@inkline/inkline';\n\nconst { schema } = useForm\u003C{\n    username: string;\n    password: string;\n}>({\n    username: {\n        validators: [\n            {\n                name: 'required'\n            }\n        ]\n    },\n    password: {\n        validators: [\n            {\n                name: 'required'\n            },\n            {\n                name: 'minLength',\n                value: 8\n            },\n            {\n                name: 'custom', // lowercase\n                message: 'Please enter at least one lowercase character.',\n                validator: (v: string) => /[a-z]/.test(v)\n            },\n            {\n                name: 'custom', // uppercase\n                message: 'Please enter at least one uppercase character.',\n                validator: (v: string) => /[A-Z]/.test(v)\n            },\n            {\n                name: 'custom', // numeric\n                message: 'Please enter at least one numeric character.',\n                validator: (v: string) => /[0-9]/.test(v)\n            },\n            {\n                name: 'custom', // symbol\n                message: 'Please enter at least one symbol.',\n                validator: (v: string) => /[^a-zA-Z0-9]/.test(v)\n            }\n        ]\n    }\n});\n\u003C/script>\n",[1653],{"type":14,"tag":146,"props":1654,"children":1655},{},[1656],{"type":14,"tag":138,"props":1657,"children":1658},{"__ignoreMap":7},[1659,1698,1725,1732,1767,1794,1821,1828,1836,1844,1852,1865,1873,1881,1889,1897,1904,1911,1922,1930,1937,1954,1967,1974,1981,2003,2021,2099,2107,2115,2136,2153,2222,2230,2238,2259,2276,2345,2353,2361,2382,2399,2478,2486,2494,2503,2511],{"type":14,"tag":153,"props":1660,"children":1661},{"class":155,"line":156},[1662,1666,1670,1674,1678,1682,1686,1690,1694],{"type":14,"tag":153,"props":1663,"children":1664},{"class":160},[1665],{"type":20,"value":163},{"type":14,"tag":153,"props":1667,"children":1668},{"class":166},[1669],{"type":20,"value":169},{"type":14,"tag":153,"props":1671,"children":1672},{"class":160},[1673],{"type":20,"value":174},{"type":14,"tag":153,"props":1675,"children":1676},{"class":177},[1677],{"type":20,"value":180},{"type":14,"tag":153,"props":1679,"children":1680},{"class":160},[1681],{"type":20,"value":185},{"type":14,"tag":153,"props":1683,"children":1684},{"class":188},[1685],{"type":20,"value":191},{"type":14,"tag":153,"props":1687,"children":1688},{"class":160},[1689],{"type":20,"value":174},{"type":14,"tag":153,"props":1691,"children":1692},{"class":177},[1693],{"type":20,"value":200},{"type":14,"tag":153,"props":1695,"children":1696},{"class":160},[1697],{"type":20,"value":205},{"type":14,"tag":153,"props":1699,"children":1700},{"class":155,"line":208},[1701,1705,1709,1713,1717,1721],{"type":14,"tag":153,"props":1702,"children":1703},{"class":212},[1704],{"type":20,"value":215},{"type":14,"tag":153,"props":1706,"children":1707},{"class":160},[1708],{"type":20,"value":220},{"type":14,"tag":153,"props":1710,"children":1711},{"class":212},[1712],{"type":20,"value":225},{"type":14,"tag":153,"props":1714,"children":1715},{"class":160},[1716],{"type":20,"value":174},{"type":14,"tag":153,"props":1718,"children":1719},{"class":188},[1720],{"type":20,"value":234},{"type":14,"tag":153,"props":1722,"children":1723},{"class":160},[1724],{"type":20,"value":239},{"type":14,"tag":153,"props":1726,"children":1727},{"class":155,"line":242},[1728],{"type":14,"tag":153,"props":1729,"children":1730},{},[1731],{"type":20,"value":248},{"type":14,"tag":153,"props":1733,"children":1734},{"class":155,"line":251},[1735,1739,1743,1747,1751,1755,1759,1763],{"type":14,"tag":153,"props":1736,"children":1737},{"class":212},[1738],{"type":20,"value":257},{"type":14,"tag":153,"props":1740,"children":1741},{"class":160},[1742],{"type":20,"value":262},{"type":14,"tag":153,"props":1744,"children":1745},{"class":265},[1746],{"type":20,"value":114},{"type":14,"tag":153,"props":1748,"children":1749},{"class":160},[1750],{"type":20,"value":289},{"type":14,"tag":153,"props":1752,"children":1753},{"class":212},[1754],{"type":20,"value":185},{"type":14,"tag":153,"props":1756,"children":1757},{"class":160},[1758],{"type":20,"value":174},{"type":14,"tag":153,"props":1760,"children":1761},{"class":177},[1762],{"type":20,"value":90},{"type":14,"tag":153,"props":1764,"children":1765},{"class":160},[1766],{"type":20,"value":516},{"type":14,"tag":153,"props":1768,"children":1769},{"class":155,"line":334},[1770,1774,1778,1782,1786,1790],{"type":14,"tag":153,"props":1771,"children":1772},{"class":160},[1773],{"type":20,"value":462},{"type":14,"tag":153,"props":1775,"children":1776},{"class":309},[1777],{"type":20,"value":530},{"type":14,"tag":153,"props":1779,"children":1780},{"class":212},[1781],{"type":20,"value":317},{"type":14,"tag":153,"props":1783,"children":1784},{"class":160},[1785],{"type":20,"value":174},{"type":14,"tag":153,"props":1787,"children":1788},{"class":265},[1789],{"type":20,"value":326},{"type":14,"tag":153,"props":1791,"children":1792},{"class":160},[1793],{"type":20,"value":239},{"type":14,"tag":153,"props":1795,"children":1796},{"class":155,"line":343},[1797,1801,1805,1809,1813,1817],{"type":14,"tag":153,"props":1798,"children":1799},{"class":160},[1800],{"type":20,"value":462},{"type":14,"tag":153,"props":1802,"children":1803},{"class":309},[1804],{"type":20,"value":559},{"type":14,"tag":153,"props":1806,"children":1807},{"class":212},[1808],{"type":20,"value":317},{"type":14,"tag":153,"props":1810,"children":1811},{"class":160},[1812],{"type":20,"value":174},{"type":14,"tag":153,"props":1814,"children":1815},{"class":265},[1816],{"type":20,"value":326},{"type":14,"tag":153,"props":1818,"children":1819},{"class":160},[1820],{"type":20,"value":239},{"type":14,"tag":153,"props":1822,"children":1823},{"class":155,"line":352},[1824],{"type":14,"tag":153,"props":1825,"children":1826},{"class":160},[1827],{"type":20,"value":925},{"type":14,"tag":153,"props":1829,"children":1830},{"class":155,"line":519},[1831],{"type":14,"tag":153,"props":1832,"children":1833},{"class":160},[1834],{"type":20,"value":1835},"    username: {\n",{"type":14,"tag":153,"props":1837,"children":1838},{"class":155,"line":549},[1839],{"type":14,"tag":153,"props":1840,"children":1841},{"class":160},[1842],{"type":20,"value":1843},"        validators: [\n",{"type":14,"tag":153,"props":1845,"children":1846},{"class":155,"line":578},[1847],{"type":14,"tag":153,"props":1848,"children":1849},{"class":160},[1850],{"type":20,"value":1851},"            {\n",{"type":14,"tag":153,"props":1853,"children":1854},{"class":155,"line":587},[1855,1860],{"type":14,"tag":153,"props":1856,"children":1857},{"class":160},[1858],{"type":20,"value":1859},"                name: ",{"type":14,"tag":153,"props":1861,"children":1862},{"class":188},[1863],{"type":20,"value":1864},"'required'\n",{"type":14,"tag":153,"props":1866,"children":1867},{"class":155,"line":596},[1868],{"type":14,"tag":153,"props":1869,"children":1870},{"class":160},[1871],{"type":20,"value":1872},"            }\n",{"type":14,"tag":153,"props":1874,"children":1875},{"class":155,"line":605},[1876],{"type":14,"tag":153,"props":1877,"children":1878},{"class":160},[1879],{"type":20,"value":1880},"        ]\n",{"type":14,"tag":153,"props":1882,"children":1883},{"class":155,"line":614},[1884],{"type":14,"tag":153,"props":1885,"children":1886},{"class":160},[1887],{"type":20,"value":1888},"    },\n",{"type":14,"tag":153,"props":1890,"children":1891},{"class":155,"line":623},[1892],{"type":14,"tag":153,"props":1893,"children":1894},{"class":160},[1895],{"type":20,"value":1896},"    password: {\n",{"type":14,"tag":153,"props":1898,"children":1899},{"class":155,"line":632},[1900],{"type":14,"tag":153,"props":1901,"children":1902},{"class":160},[1903],{"type":20,"value":1843},{"type":14,"tag":153,"props":1905,"children":1906},{"class":155,"line":641},[1907],{"type":14,"tag":153,"props":1908,"children":1909},{"class":160},[1910],{"type":20,"value":1851},{"type":14,"tag":153,"props":1912,"children":1913},{"class":155,"line":1413},[1914,1918],{"type":14,"tag":153,"props":1915,"children":1916},{"class":160},[1917],{"type":20,"value":1859},{"type":14,"tag":153,"props":1919,"children":1920},{"class":188},[1921],{"type":20,"value":1864},{"type":14,"tag":153,"props":1923,"children":1924},{"class":155,"line":1429},[1925],{"type":14,"tag":153,"props":1926,"children":1927},{"class":160},[1928],{"type":20,"value":1929},"            },\n",{"type":14,"tag":153,"props":1931,"children":1932},{"class":155,"line":1454},[1933],{"type":14,"tag":153,"props":1934,"children":1935},{"class":160},[1936],{"type":20,"value":1851},{"type":14,"tag":153,"props":1938,"children":1939},{"class":155,"line":1521},[1940,1944,1949],{"type":14,"tag":153,"props":1941,"children":1942},{"class":160},[1943],{"type":20,"value":1859},{"type":14,"tag":153,"props":1945,"children":1946},{"class":188},[1947],{"type":20,"value":1948},"'minLength'",{"type":14,"tag":153,"props":1950,"children":1951},{"class":160},[1952],{"type":20,"value":1953},",\n",{"type":14,"tag":153,"props":1955,"children":1956},{"class":155,"line":1537},[1957,1962],{"type":14,"tag":153,"props":1958,"children":1959},{"class":160},[1960],{"type":20,"value":1961},"                value: ",{"type":14,"tag":153,"props":1963,"children":1964},{"class":265},[1965],{"type":20,"value":1966},"8\n",{"type":14,"tag":153,"props":1968,"children":1969},{"class":155,"line":1554},[1970],{"type":14,"tag":153,"props":1971,"children":1972},{"class":160},[1973],{"type":20,"value":1929},{"type":14,"tag":153,"props":1975,"children":1976},{"class":155,"line":1562},[1977],{"type":14,"tag":153,"props":1978,"children":1979},{"class":160},[1980],{"type":20,"value":1851},{"type":14,"tag":153,"props":1982,"children":1983},{"class":155,"line":1605},[1984,1988,1993,1997],{"type":14,"tag":153,"props":1985,"children":1986},{"class":160},[1987],{"type":20,"value":1859},{"type":14,"tag":153,"props":1989,"children":1990},{"class":188},[1991],{"type":20,"value":1992},"'custom'",{"type":14,"tag":153,"props":1994,"children":1995},{"class":160},[1996],{"type":20,"value":272},{"type":14,"tag":153,"props":1998,"children":2000},{"class":1999},"ct-086898",[2001],{"type":20,"value":2002},"// lowercase\n",{"type":14,"tag":153,"props":2004,"children":2006},{"class":155,"line":2005},26,[2007,2012,2017],{"type":14,"tag":153,"props":2008,"children":2009},{"class":160},[2010],{"type":20,"value":2011},"                message: ",{"type":14,"tag":153,"props":2013,"children":2014},{"class":188},[2015],{"type":20,"value":2016},"'Please enter at least one lowercase character.'",{"type":14,"tag":153,"props":2018,"children":2019},{"class":160},[2020],{"type":20,"value":1953},{"type":14,"tag":153,"props":2022,"children":2024},{"class":155,"line":2023},27,[2025,2029,2034,2039,2044,2048,2052,2056,2061,2066,2071,2076,2081,2085,2089,2094],{"type":14,"tag":153,"props":2026,"children":2027},{"class":160},[2028],{"type":20,"value":525},{"type":14,"tag":153,"props":2030,"children":2031},{"class":177},[2032],{"type":20,"value":2033},"validator",{"type":14,"tag":153,"props":2035,"children":2036},{"class":160},[2037],{"type":20,"value":2038},": (",{"type":14,"tag":153,"props":2040,"children":2041},{"class":309},[2042],{"type":20,"value":2043},"v",{"type":14,"tag":153,"props":2045,"children":2046},{"class":212},[2047],{"type":20,"value":317},{"type":14,"tag":153,"props":2049,"children":2050},{"class":160},[2051],{"type":20,"value":174},{"type":14,"tag":153,"props":2053,"children":2054},{"class":265},[2055],{"type":20,"value":326},{"type":14,"tag":153,"props":2057,"children":2058},{"class":160},[2059],{"type":20,"value":2060},") ",{"type":14,"tag":153,"props":2062,"children":2063},{"class":212},[2064],{"type":20,"value":2065},"=>",{"type":14,"tag":153,"props":2067,"children":2069},{"class":2068},"ct-672362",[2070],{"type":20,"value":174},{"type":14,"tag":153,"props":2072,"children":2073},{"class":188},[2074],{"type":20,"value":2075},"/",{"type":14,"tag":153,"props":2077,"children":2078},{"class":265},[2079],{"type":20,"value":2080},"[a-z]",{"type":14,"tag":153,"props":2082,"children":2083},{"class":188},[2084],{"type":20,"value":2075},{"type":14,"tag":153,"props":2086,"children":2087},{"class":160},[2088],{"type":20,"value":744},{"type":14,"tag":153,"props":2090,"children":2091},{"class":177},[2092],{"type":20,"value":2093},"test",{"type":14,"tag":153,"props":2095,"children":2096},{"class":160},[2097],{"type":20,"value":2098},"(v)\n",{"type":14,"tag":153,"props":2100,"children":2102},{"class":155,"line":2101},28,[2103],{"type":14,"tag":153,"props":2104,"children":2105},{"class":160},[2106],{"type":20,"value":1929},{"type":14,"tag":153,"props":2108,"children":2110},{"class":155,"line":2109},29,[2111],{"type":14,"tag":153,"props":2112,"children":2113},{"class":160},[2114],{"type":20,"value":1851},{"type":14,"tag":153,"props":2116,"children":2118},{"class":155,"line":2117},30,[2119,2123,2127,2131],{"type":14,"tag":153,"props":2120,"children":2121},{"class":160},[2122],{"type":20,"value":1859},{"type":14,"tag":153,"props":2124,"children":2125},{"class":188},[2126],{"type":20,"value":1992},{"type":14,"tag":153,"props":2128,"children":2129},{"class":160},[2130],{"type":20,"value":272},{"type":14,"tag":153,"props":2132,"children":2133},{"class":1999},[2134],{"type":20,"value":2135},"// uppercase\n",{"type":14,"tag":153,"props":2137,"children":2139},{"class":155,"line":2138},31,[2140,2144,2149],{"type":14,"tag":153,"props":2141,"children":2142},{"class":160},[2143],{"type":20,"value":2011},{"type":14,"tag":153,"props":2145,"children":2146},{"class":188},[2147],{"type":20,"value":2148},"'Please enter at least one uppercase character.'",{"type":14,"tag":153,"props":2150,"children":2151},{"class":160},[2152],{"type":20,"value":1953},{"type":14,"tag":153,"props":2154,"children":2156},{"class":155,"line":2155},32,[2157,2161,2165,2169,2173,2177,2181,2185,2189,2193,2197,2201,2206,2210,2214,2218],{"type":14,"tag":153,"props":2158,"children":2159},{"class":160},[2160],{"type":20,"value":525},{"type":14,"tag":153,"props":2162,"children":2163},{"class":177},[2164],{"type":20,"value":2033},{"type":14,"tag":153,"props":2166,"children":2167},{"class":160},[2168],{"type":20,"value":2038},{"type":14,"tag":153,"props":2170,"children":2171},{"class":309},[2172],{"type":20,"value":2043},{"type":14,"tag":153,"props":2174,"children":2175},{"class":212},[2176],{"type":20,"value":317},{"type":14,"tag":153,"props":2178,"children":2179},{"class":160},[2180],{"type":20,"value":174},{"type":14,"tag":153,"props":2182,"children":2183},{"class":265},[2184],{"type":20,"value":326},{"type":14,"tag":153,"props":2186,"children":2187},{"class":160},[2188],{"type":20,"value":2060},{"type":14,"tag":153,"props":2190,"children":2191},{"class":212},[2192],{"type":20,"value":2065},{"type":14,"tag":153,"props":2194,"children":2195},{"class":2068},[2196],{"type":20,"value":174},{"type":14,"tag":153,"props":2198,"children":2199},{"class":188},[2200],{"type":20,"value":2075},{"type":14,"tag":153,"props":2202,"children":2203},{"class":265},[2204],{"type":20,"value":2205},"[A-Z]",{"type":14,"tag":153,"props":2207,"children":2208},{"class":188},[2209],{"type":20,"value":2075},{"type":14,"tag":153,"props":2211,"children":2212},{"class":160},[2213],{"type":20,"value":744},{"type":14,"tag":153,"props":2215,"children":2216},{"class":177},[2217],{"type":20,"value":2093},{"type":14,"tag":153,"props":2219,"children":2220},{"class":160},[2221],{"type":20,"value":2098},{"type":14,"tag":153,"props":2223,"children":2225},{"class":155,"line":2224},33,[2226],{"type":14,"tag":153,"props":2227,"children":2228},{"class":160},[2229],{"type":20,"value":1929},{"type":14,"tag":153,"props":2231,"children":2233},{"class":155,"line":2232},34,[2234],{"type":14,"tag":153,"props":2235,"children":2236},{"class":160},[2237],{"type":20,"value":1851},{"type":14,"tag":153,"props":2239,"children":2241},{"class":155,"line":2240},35,[2242,2246,2250,2254],{"type":14,"tag":153,"props":2243,"children":2244},{"class":160},[2245],{"type":20,"value":1859},{"type":14,"tag":153,"props":2247,"children":2248},{"class":188},[2249],{"type":20,"value":1992},{"type":14,"tag":153,"props":2251,"children":2252},{"class":160},[2253],{"type":20,"value":272},{"type":14,"tag":153,"props":2255,"children":2256},{"class":1999},[2257],{"type":20,"value":2258},"// numeric\n",{"type":14,"tag":153,"props":2260,"children":2262},{"class":155,"line":2261},36,[2263,2267,2272],{"type":14,"tag":153,"props":2264,"children":2265},{"class":160},[2266],{"type":20,"value":2011},{"type":14,"tag":153,"props":2268,"children":2269},{"class":188},[2270],{"type":20,"value":2271},"'Please enter at least one numeric character.'",{"type":14,"tag":153,"props":2273,"children":2274},{"class":160},[2275],{"type":20,"value":1953},{"type":14,"tag":153,"props":2277,"children":2279},{"class":155,"line":2278},37,[2280,2284,2288,2292,2296,2300,2304,2308,2312,2316,2320,2324,2329,2333,2337,2341],{"type":14,"tag":153,"props":2281,"children":2282},{"class":160},[2283],{"type":20,"value":525},{"type":14,"tag":153,"props":2285,"children":2286},{"class":177},[2287],{"type":20,"value":2033},{"type":14,"tag":153,"props":2289,"children":2290},{"class":160},[2291],{"type":20,"value":2038},{"type":14,"tag":153,"props":2293,"children":2294},{"class":309},[2295],{"type":20,"value":2043},{"type":14,"tag":153,"props":2297,"children":2298},{"class":212},[2299],{"type":20,"value":317},{"type":14,"tag":153,"props":2301,"children":2302},{"class":160},[2303],{"type":20,"value":174},{"type":14,"tag":153,"props":2305,"children":2306},{"class":265},[2307],{"type":20,"value":326},{"type":14,"tag":153,"props":2309,"children":2310},{"class":160},[2311],{"type":20,"value":2060},{"type":14,"tag":153,"props":2313,"children":2314},{"class":212},[2315],{"type":20,"value":2065},{"type":14,"tag":153,"props":2317,"children":2318},{"class":2068},[2319],{"type":20,"value":174},{"type":14,"tag":153,"props":2321,"children":2322},{"class":188},[2323],{"type":20,"value":2075},{"type":14,"tag":153,"props":2325,"children":2326},{"class":265},[2327],{"type":20,"value":2328},"[0-9]",{"type":14,"tag":153,"props":2330,"children":2331},{"class":188},[2332],{"type":20,"value":2075},{"type":14,"tag":153,"props":2334,"children":2335},{"class":160},[2336],{"type":20,"value":744},{"type":14,"tag":153,"props":2338,"children":2339},{"class":177},[2340],{"type":20,"value":2093},{"type":14,"tag":153,"props":2342,"children":2343},{"class":160},[2344],{"type":20,"value":2098},{"type":14,"tag":153,"props":2346,"children":2348},{"class":155,"line":2347},38,[2349],{"type":14,"tag":153,"props":2350,"children":2351},{"class":160},[2352],{"type":20,"value":1929},{"type":14,"tag":153,"props":2354,"children":2356},{"class":155,"line":2355},39,[2357],{"type":14,"tag":153,"props":2358,"children":2359},{"class":160},[2360],{"type":20,"value":1851},{"type":14,"tag":153,"props":2362,"children":2364},{"class":155,"line":2363},40,[2365,2369,2373,2377],{"type":14,"tag":153,"props":2366,"children":2367},{"class":160},[2368],{"type":20,"value":1859},{"type":14,"tag":153,"props":2370,"children":2371},{"class":188},[2372],{"type":20,"value":1992},{"type":14,"tag":153,"props":2374,"children":2375},{"class":160},[2376],{"type":20,"value":272},{"type":14,"tag":153,"props":2378,"children":2379},{"class":1999},[2380],{"type":20,"value":2381},"// symbol\n",{"type":14,"tag":153,"props":2383,"children":2385},{"class":155,"line":2384},41,[2386,2390,2395],{"type":14,"tag":153,"props":2387,"children":2388},{"class":160},[2389],{"type":20,"value":2011},{"type":14,"tag":153,"props":2391,"children":2392},{"class":188},[2393],{"type":20,"value":2394},"'Please enter at least one symbol.'",{"type":14,"tag":153,"props":2396,"children":2397},{"class":160},[2398],{"type":20,"value":1953},{"type":14,"tag":153,"props":2400,"children":2402},{"class":155,"line":2401},42,[2403,2407,2411,2415,2419,2423,2427,2431,2435,2439,2443,2447,2452,2457,2462,2466,2470,2474],{"type":14,"tag":153,"props":2404,"children":2405},{"class":160},[2406],{"type":20,"value":525},{"type":14,"tag":153,"props":2408,"children":2409},{"class":177},[2410],{"type":20,"value":2033},{"type":14,"tag":153,"props":2412,"children":2413},{"class":160},[2414],{"type":20,"value":2038},{"type":14,"tag":153,"props":2416,"children":2417},{"class":309},[2418],{"type":20,"value":2043},{"type":14,"tag":153,"props":2420,"children":2421},{"class":212},[2422],{"type":20,"value":317},{"type":14,"tag":153,"props":2424,"children":2425},{"class":160},[2426],{"type":20,"value":174},{"type":14,"tag":153,"props":2428,"children":2429},{"class":265},[2430],{"type":20,"value":326},{"type":14,"tag":153,"props":2432,"children":2433},{"class":160},[2434],{"type":20,"value":2060},{"type":14,"tag":153,"props":2436,"children":2437},{"class":212},[2438],{"type":20,"value":2065},{"type":14,"tag":153,"props":2440,"children":2441},{"class":2068},[2442],{"type":20,"value":174},{"type":14,"tag":153,"props":2444,"children":2445},{"class":188},[2446],{"type":20,"value":2075},{"type":14,"tag":153,"props":2448,"children":2449},{"class":265},[2450],{"type":20,"value":2451},"[",{"type":14,"tag":153,"props":2453,"children":2454},{"class":212},[2455],{"type":20,"value":2456},"^",{"type":14,"tag":153,"props":2458,"children":2459},{"class":265},[2460],{"type":20,"value":2461},"a-zA-Z0-9]",{"type":14,"tag":153,"props":2463,"children":2464},{"class":188},[2465],{"type":20,"value":2075},{"type":14,"tag":153,"props":2467,"children":2468},{"class":160},[2469],{"type":20,"value":744},{"type":14,"tag":153,"props":2471,"children":2472},{"class":177},[2473],{"type":20,"value":2093},{"type":14,"tag":153,"props":2475,"children":2476},{"class":160},[2477],{"type":20,"value":2098},{"type":14,"tag":153,"props":2479,"children":2481},{"class":155,"line":2480},43,[2482],{"type":14,"tag":153,"props":2483,"children":2484},{"class":160},[2485],{"type":20,"value":1872},{"type":14,"tag":153,"props":2487,"children":2489},{"class":155,"line":2488},44,[2490],{"type":14,"tag":153,"props":2491,"children":2492},{"class":160},[2493],{"type":20,"value":1880},{"type":14,"tag":153,"props":2495,"children":2497},{"class":155,"line":2496},45,[2498],{"type":14,"tag":153,"props":2499,"children":2500},{"class":160},[2501],{"type":20,"value":2502},"    }\n",{"type":14,"tag":153,"props":2504,"children":2506},{"class":155,"line":2505},46,[2507],{"type":14,"tag":153,"props":2508,"children":2509},{"class":160},[2510],{"type":20,"value":349},{"type":14,"tag":153,"props":2512,"children":2514},{"class":155,"line":2513},47,[2515,2519,2523],{"type":14,"tag":153,"props":2516,"children":2517},{"class":160},[2518],{"type":20,"value":358},{"type":14,"tag":153,"props":2520,"children":2521},{"class":166},[2522],{"type":20,"value":169},{"type":14,"tag":153,"props":2524,"children":2525},{"class":160},[2526],{"type":20,"value":367},{"type":14,"tag":1016,"props":2528,"children":2529},{},[2530,2537],{"type":14,"tag":1020,"props":2531,"children":2532},{"v-slot:preview":7},[2533],{"type":14,"tag":1024,"props":2534,"children":2536},{"src":2535},"/stories/forms/validation/basic-validators",[],{"type":14,"tag":1020,"props":2538,"children":2539},{"v-slot:vue":7},[2540],{"type":14,"tag":138,"props":2541,"children":2544},{"className":2542,"code":2543,"language":1036,"meta":7},[1034],"\u003Cscript setup lang=\"ts\">\nimport { useForm } from '@inkline/inkline/composables';\n\nconst { schema } = useForm\u003C{\n    username: string;\n    password: string;\n}>({\n    username: {\n        validators: [\n            {\n                name: 'required'\n            }\n        ]\n    },\n    password: {\n        validators: [\n            {\n                name: 'required'\n            },\n            {\n                name: 'minLength',\n                value: 8\n            },\n            {\n                name: 'custom', // lowercase\n                message: 'Please enter at least one lowercase character.',\n                validator: (v: string) => /[a-z]/.test(v)\n            },\n            {\n                name: 'custom', // uppercase\n                message: 'Please enter at least one uppercase character.',\n                validator: (v: string) => /[A-Z]/.test(v)\n            },\n            {\n                name: 'custom', // numeric\n                message: 'Please enter at least one numeric character.',\n                validator: (v: string) => /[0-9]/.test(v)\n            },\n            {\n                name: 'custom', // symbol\n                message: 'Please enter at least one symbol.',\n                validator: (v: string) => /[^a-zA-Z0-9]/.test(v)\n            }\n        ]\n    }\n});\n\u003C/script>\n\u003Ctemplate>\n    \u003CIForm v-model=\"schema\">\n        \u003CIFormGroup>\n            \u003CIFormLabel>Username\u003C/IFormLabel>\n            \u003CIInput name=\"username\" placeholder=\"Enter a username..\" />\n            \u003CIFormError for=\"username\" />\n        \u003C/IFormGroup>\n        \u003CIFormGroup>\n            \u003CIFormLabel>Password\u003C/IFormLabel>\n            \u003CIInput name=\"password\" type=\"password\" placeholder=\"Enter a password..\" />\n            \u003CIFormError for=\"password\" />\n        \u003C/IFormGroup>\n    \u003C/IForm>\n\n    \u003Cpre class=\"_margin-top:2 _text:muted\">{{ schema }}\u003C/pre>\n\u003C/template>\n\n",[2545],{"type":14,"tag":146,"props":2546,"children":2547},{},[2548],{"type":14,"tag":138,"props":2549,"children":2550},{"__ignoreMap":7},[2551,2590,2617,2624,2659,2686,2713,2720,2727,2734,2741,2752,2759,2766,2773,2780,2787,2794,2805,2812,2819,2834,2845,2852,2859,2878,2893,2960,2967,2974,2993,3008,3075,3082,3089,3108,3123,3190,3197,3204,3223,3238,3313,3320,3327,3334,3341,3356,3372,3404,3420,3444,3492,3526,3542,3558,3582,3646,3678,3694,3710,3718,3758],{"type":14,"tag":153,"props":2552,"children":2553},{"class":155,"line":156},[2554,2558,2562,2566,2570,2574,2578,2582,2586],{"type":14,"tag":153,"props":2555,"children":2556},{"class":160},[2557],{"type":20,"value":163},{"type":14,"tag":153,"props":2559,"children":2560},{"class":166},[2561],{"type":20,"value":169},{"type":14,"tag":153,"props":2563,"children":2564},{"class":160},[2565],{"type":20,"value":174},{"type":14,"tag":153,"props":2567,"children":2568},{"class":177},[2569],{"type":20,"value":200},{"type":14,"tag":153,"props":2571,"children":2572},{"class":160},[2573],{"type":20,"value":174},{"type":14,"tag":153,"props":2575,"children":2576},{"class":177},[2577],{"type":20,"value":180},{"type":14,"tag":153,"props":2579,"children":2580},{"class":160},[2581],{"type":20,"value":185},{"type":14,"tag":153,"props":2583,"children":2584},{"class":188},[2585],{"type":20,"value":191},{"type":14,"tag":153,"props":2587,"children":2588},{"class":160},[2589],{"type":20,"value":205},{"type":14,"tag":153,"props":2591,"children":2592},{"class":155,"line":208},[2593,2597,2601,2605,2609,2613],{"type":14,"tag":153,"props":2594,"children":2595},{"class":212},[2596],{"type":20,"value":215},{"type":14,"tag":153,"props":2598,"children":2599},{"class":160},[2600],{"type":20,"value":220},{"type":14,"tag":153,"props":2602,"children":2603},{"class":212},[2604],{"type":20,"value":225},{"type":14,"tag":153,"props":2606,"children":2607},{"class":160},[2608],{"type":20,"value":174},{"type":14,"tag":153,"props":2610,"children":2611},{"class":188},[2612],{"type":20,"value":1106},{"type":14,"tag":153,"props":2614,"children":2615},{"class":160},[2616],{"type":20,"value":239},{"type":14,"tag":153,"props":2618,"children":2619},{"class":155,"line":242},[2620],{"type":14,"tag":153,"props":2621,"children":2622},{},[2623],{"type":20,"value":248},{"type":14,"tag":153,"props":2625,"children":2626},{"class":155,"line":251},[2627,2631,2635,2639,2643,2647,2651,2655],{"type":14,"tag":153,"props":2628,"children":2629},{"class":212},[2630],{"type":20,"value":257},{"type":14,"tag":153,"props":2632,"children":2633},{"class":160},[2634],{"type":20,"value":262},{"type":14,"tag":153,"props":2636,"children":2637},{"class":265},[2638],{"type":20,"value":114},{"type":14,"tag":153,"props":2640,"children":2641},{"class":160},[2642],{"type":20,"value":289},{"type":14,"tag":153,"props":2644,"children":2645},{"class":212},[2646],{"type":20,"value":185},{"type":14,"tag":153,"props":2648,"children":2649},{"class":160},[2650],{"type":20,"value":174},{"type":14,"tag":153,"props":2652,"children":2653},{"class":177},[2654],{"type":20,"value":90},{"type":14,"tag":153,"props":2656,"children":2657},{"class":160},[2658],{"type":20,"value":516},{"type":14,"tag":153,"props":2660,"children":2661},{"class":155,"line":334},[2662,2666,2670,2674,2678,2682],{"type":14,"tag":153,"props":2663,"children":2664},{"class":160},[2665],{"type":20,"value":462},{"type":14,"tag":153,"props":2667,"children":2668},{"class":309},[2669],{"type":20,"value":530},{"type":14,"tag":153,"props":2671,"children":2672},{"class":212},[2673],{"type":20,"value":317},{"type":14,"tag":153,"props":2675,"children":2676},{"class":160},[2677],{"type":20,"value":174},{"type":14,"tag":153,"props":2679,"children":2680},{"class":265},[2681],{"type":20,"value":326},{"type":14,"tag":153,"props":2683,"children":2684},{"class":160},[2685],{"type":20,"value":239},{"type":14,"tag":153,"props":2687,"children":2688},{"class":155,"line":343},[2689,2693,2697,2701,2705,2709],{"type":14,"tag":153,"props":2690,"children":2691},{"class":160},[2692],{"type":20,"value":462},{"type":14,"tag":153,"props":2694,"children":2695},{"class":309},[2696],{"type":20,"value":559},{"type":14,"tag":153,"props":2698,"children":2699},{"class":212},[2700],{"type":20,"value":317},{"type":14,"tag":153,"props":2702,"children":2703},{"class":160},[2704],{"type":20,"value":174},{"type":14,"tag":153,"props":2706,"children":2707},{"class":265},[2708],{"type":20,"value":326},{"type":14,"tag":153,"props":2710,"children":2711},{"class":160},[2712],{"type":20,"value":239},{"type":14,"tag":153,"props":2714,"children":2715},{"class":155,"line":352},[2716],{"type":14,"tag":153,"props":2717,"children":2718},{"class":160},[2719],{"type":20,"value":925},{"type":14,"tag":153,"props":2721,"children":2722},{"class":155,"line":519},[2723],{"type":14,"tag":153,"props":2724,"children":2725},{"class":160},[2726],{"type":20,"value":1835},{"type":14,"tag":153,"props":2728,"children":2729},{"class":155,"line":549},[2730],{"type":14,"tag":153,"props":2731,"children":2732},{"class":160},[2733],{"type":20,"value":1843},{"type":14,"tag":153,"props":2735,"children":2736},{"class":155,"line":578},[2737],{"type":14,"tag":153,"props":2738,"children":2739},{"class":160},[2740],{"type":20,"value":1851},{"type":14,"tag":153,"props":2742,"children":2743},{"class":155,"line":587},[2744,2748],{"type":14,"tag":153,"props":2745,"children":2746},{"class":160},[2747],{"type":20,"value":1859},{"type":14,"tag":153,"props":2749,"children":2750},{"class":188},[2751],{"type":20,"value":1864},{"type":14,"tag":153,"props":2753,"children":2754},{"class":155,"line":596},[2755],{"type":14,"tag":153,"props":2756,"children":2757},{"class":160},[2758],{"type":20,"value":1872},{"type":14,"tag":153,"props":2760,"children":2761},{"class":155,"line":605},[2762],{"type":14,"tag":153,"props":2763,"children":2764},{"class":160},[2765],{"type":20,"value":1880},{"type":14,"tag":153,"props":2767,"children":2768},{"class":155,"line":614},[2769],{"type":14,"tag":153,"props":2770,"children":2771},{"class":160},[2772],{"type":20,"value":1888},{"type":14,"tag":153,"props":2774,"children":2775},{"class":155,"line":623},[2776],{"type":14,"tag":153,"props":2777,"children":2778},{"class":160},[2779],{"type":20,"value":1896},{"type":14,"tag":153,"props":2781,"children":2782},{"class":155,"line":632},[2783],{"type":14,"tag":153,"props":2784,"children":2785},{"class":160},[2786],{"type":20,"value":1843},{"type":14,"tag":153,"props":2788,"children":2789},{"class":155,"line":641},[2790],{"type":14,"tag":153,"props":2791,"children":2792},{"class":160},[2793],{"type":20,"value":1851},{"type":14,"tag":153,"props":2795,"children":2796},{"class":155,"line":1413},[2797,2801],{"type":14,"tag":153,"props":2798,"children":2799},{"class":160},[2800],{"type":20,"value":1859},{"type":14,"tag":153,"props":2802,"children":2803},{"class":188},[2804],{"type":20,"value":1864},{"type":14,"tag":153,"props":2806,"children":2807},{"class":155,"line":1429},[2808],{"type":14,"tag":153,"props":2809,"children":2810},{"class":160},[2811],{"type":20,"value":1929},{"type":14,"tag":153,"props":2813,"children":2814},{"class":155,"line":1454},[2815],{"type":14,"tag":153,"props":2816,"children":2817},{"class":160},[2818],{"type":20,"value":1851},{"type":14,"tag":153,"props":2820,"children":2821},{"class":155,"line":1521},[2822,2826,2830],{"type":14,"tag":153,"props":2823,"children":2824},{"class":160},[2825],{"type":20,"value":1859},{"type":14,"tag":153,"props":2827,"children":2828},{"class":188},[2829],{"type":20,"value":1948},{"type":14,"tag":153,"props":2831,"children":2832},{"class":160},[2833],{"type":20,"value":1953},{"type":14,"tag":153,"props":2835,"children":2836},{"class":155,"line":1537},[2837,2841],{"type":14,"tag":153,"props":2838,"children":2839},{"class":160},[2840],{"type":20,"value":1961},{"type":14,"tag":153,"props":2842,"children":2843},{"class":265},[2844],{"type":20,"value":1966},{"type":14,"tag":153,"props":2846,"children":2847},{"class":155,"line":1554},[2848],{"type":14,"tag":153,"props":2849,"children":2850},{"class":160},[2851],{"type":20,"value":1929},{"type":14,"tag":153,"props":2853,"children":2854},{"class":155,"line":1562},[2855],{"type":14,"tag":153,"props":2856,"children":2857},{"class":160},[2858],{"type":20,"value":1851},{"type":14,"tag":153,"props":2860,"children":2861},{"class":155,"line":1605},[2862,2866,2870,2874],{"type":14,"tag":153,"props":2863,"children":2864},{"class":160},[2865],{"type":20,"value":1859},{"type":14,"tag":153,"props":2867,"children":2868},{"class":188},[2869],{"type":20,"value":1992},{"type":14,"tag":153,"props":2871,"children":2872},{"class":160},[2873],{"type":20,"value":272},{"type":14,"tag":153,"props":2875,"children":2876},{"class":1999},[2877],{"type":20,"value":2002},{"type":14,"tag":153,"props":2879,"children":2880},{"class":155,"line":2005},[2881,2885,2889],{"type":14,"tag":153,"props":2882,"children":2883},{"class":160},[2884],{"type":20,"value":2011},{"type":14,"tag":153,"props":2886,"children":2887},{"class":188},[2888],{"type":20,"value":2016},{"type":14,"tag":153,"props":2890,"children":2891},{"class":160},[2892],{"type":20,"value":1953},{"type":14,"tag":153,"props":2894,"children":2895},{"class":155,"line":2023},[2896,2900,2904,2908,2912,2916,2920,2924,2928,2932,2936,2940,2944,2948,2952,2956],{"type":14,"tag":153,"props":2897,"children":2898},{"class":160},[2899],{"type":20,"value":525},{"type":14,"tag":153,"props":2901,"children":2902},{"class":177},[2903],{"type":20,"value":2033},{"type":14,"tag":153,"props":2905,"children":2906},{"class":160},[2907],{"type":20,"value":2038},{"type":14,"tag":153,"props":2909,"children":2910},{"class":309},[2911],{"type":20,"value":2043},{"type":14,"tag":153,"props":2913,"children":2914},{"class":212},[2915],{"type":20,"value":317},{"type":14,"tag":153,"props":2917,"children":2918},{"class":160},[2919],{"type":20,"value":174},{"type":14,"tag":153,"props":2921,"children":2922},{"class":265},[2923],{"type":20,"value":326},{"type":14,"tag":153,"props":2925,"children":2926},{"class":160},[2927],{"type":20,"value":2060},{"type":14,"tag":153,"props":2929,"children":2930},{"class":212},[2931],{"type":20,"value":2065},{"type":14,"tag":153,"props":2933,"children":2934},{"class":2068},[2935],{"type":20,"value":174},{"type":14,"tag":153,"props":2937,"children":2938},{"class":188},[2939],{"type":20,"value":2075},{"type":14,"tag":153,"props":2941,"children":2942},{"class":265},[2943],{"type":20,"value":2080},{"type":14,"tag":153,"props":2945,"children":2946},{"class":188},[2947],{"type":20,"value":2075},{"type":14,"tag":153,"props":2949,"children":2950},{"class":160},[2951],{"type":20,"value":744},{"type":14,"tag":153,"props":2953,"children":2954},{"class":177},[2955],{"type":20,"value":2093},{"type":14,"tag":153,"props":2957,"children":2958},{"class":160},[2959],{"type":20,"value":2098},{"type":14,"tag":153,"props":2961,"children":2962},{"class":155,"line":2101},[2963],{"type":14,"tag":153,"props":2964,"children":2965},{"class":160},[2966],{"type":20,"value":1929},{"type":14,"tag":153,"props":2968,"children":2969},{"class":155,"line":2109},[2970],{"type":14,"tag":153,"props":2971,"children":2972},{"class":160},[2973],{"type":20,"value":1851},{"type":14,"tag":153,"props":2975,"children":2976},{"class":155,"line":2117},[2977,2981,2985,2989],{"type":14,"tag":153,"props":2978,"children":2979},{"class":160},[2980],{"type":20,"value":1859},{"type":14,"tag":153,"props":2982,"children":2983},{"class":188},[2984],{"type":20,"value":1992},{"type":14,"tag":153,"props":2986,"children":2987},{"class":160},[2988],{"type":20,"value":272},{"type":14,"tag":153,"props":2990,"children":2991},{"class":1999},[2992],{"type":20,"value":2135},{"type":14,"tag":153,"props":2994,"children":2995},{"class":155,"line":2138},[2996,3000,3004],{"type":14,"tag":153,"props":2997,"children":2998},{"class":160},[2999],{"type":20,"value":2011},{"type":14,"tag":153,"props":3001,"children":3002},{"class":188},[3003],{"type":20,"value":2148},{"type":14,"tag":153,"props":3005,"children":3006},{"class":160},[3007],{"type":20,"value":1953},{"type":14,"tag":153,"props":3009,"children":3010},{"class":155,"line":2155},[3011,3015,3019,3023,3027,3031,3035,3039,3043,3047,3051,3055,3059,3063,3067,3071],{"type":14,"tag":153,"props":3012,"children":3013},{"class":160},[3014],{"type":20,"value":525},{"type":14,"tag":153,"props":3016,"children":3017},{"class":177},[3018],{"type":20,"value":2033},{"type":14,"tag":153,"props":3020,"children":3021},{"class":160},[3022],{"type":20,"value":2038},{"type":14,"tag":153,"props":3024,"children":3025},{"class":309},[3026],{"type":20,"value":2043},{"type":14,"tag":153,"props":3028,"children":3029},{"class":212},[3030],{"type":20,"value":317},{"type":14,"tag":153,"props":3032,"children":3033},{"class":160},[3034],{"type":20,"value":174},{"type":14,"tag":153,"props":3036,"children":3037},{"class":265},[3038],{"type":20,"value":326},{"type":14,"tag":153,"props":3040,"children":3041},{"class":160},[3042],{"type":20,"value":2060},{"type":14,"tag":153,"props":3044,"children":3045},{"class":212},[3046],{"type":20,"value":2065},{"type":14,"tag":153,"props":3048,"children":3049},{"class":2068},[3050],{"type":20,"value":174},{"type":14,"tag":153,"props":3052,"children":3053},{"class":188},[3054],{"type":20,"value":2075},{"type":14,"tag":153,"props":3056,"children":3057},{"class":265},[3058],{"type":20,"value":2205},{"type":14,"tag":153,"props":3060,"children":3061},{"class":188},[3062],{"type":20,"value":2075},{"type":14,"tag":153,"props":3064,"children":3065},{"class":160},[3066],{"type":20,"value":744},{"type":14,"tag":153,"props":3068,"children":3069},{"class":177},[3070],{"type":20,"value":2093},{"type":14,"tag":153,"props":3072,"children":3073},{"class":160},[3074],{"type":20,"value":2098},{"type":14,"tag":153,"props":3076,"children":3077},{"class":155,"line":2224},[3078],{"type":14,"tag":153,"props":3079,"children":3080},{"class":160},[3081],{"type":20,"value":1929},{"type":14,"tag":153,"props":3083,"children":3084},{"class":155,"line":2232},[3085],{"type":14,"tag":153,"props":3086,"children":3087},{"class":160},[3088],{"type":20,"value":1851},{"type":14,"tag":153,"props":3090,"children":3091},{"class":155,"line":2240},[3092,3096,3100,3104],{"type":14,"tag":153,"props":3093,"children":3094},{"class":160},[3095],{"type":20,"value":1859},{"type":14,"tag":153,"props":3097,"children":3098},{"class":188},[3099],{"type":20,"value":1992},{"type":14,"tag":153,"props":3101,"children":3102},{"class":160},[3103],{"type":20,"value":272},{"type":14,"tag":153,"props":3105,"children":3106},{"class":1999},[3107],{"type":20,"value":2258},{"type":14,"tag":153,"props":3109,"children":3110},{"class":155,"line":2261},[3111,3115,3119],{"type":14,"tag":153,"props":3112,"children":3113},{"class":160},[3114],{"type":20,"value":2011},{"type":14,"tag":153,"props":3116,"children":3117},{"class":188},[3118],{"type":20,"value":2271},{"type":14,"tag":153,"props":3120,"children":3121},{"class":160},[3122],{"type":20,"value":1953},{"type":14,"tag":153,"props":3124,"children":3125},{"class":155,"line":2278},[3126,3130,3134,3138,3142,3146,3150,3154,3158,3162,3166,3170,3174,3178,3182,3186],{"type":14,"tag":153,"props":3127,"children":3128},{"class":160},[3129],{"type":20,"value":525},{"type":14,"tag":153,"props":3131,"children":3132},{"class":177},[3133],{"type":20,"value":2033},{"type":14,"tag":153,"props":3135,"children":3136},{"class":160},[3137],{"type":20,"value":2038},{"type":14,"tag":153,"props":3139,"children":3140},{"class":309},[3141],{"type":20,"value":2043},{"type":14,"tag":153,"props":3143,"children":3144},{"class":212},[3145],{"type":20,"value":317},{"type":14,"tag":153,"props":3147,"children":3148},{"class":160},[3149],{"type":20,"value":174},{"type":14,"tag":153,"props":3151,"children":3152},{"class":265},[3153],{"type":20,"value":326},{"type":14,"tag":153,"props":3155,"children":3156},{"class":160},[3157],{"type":20,"value":2060},{"type":14,"tag":153,"props":3159,"children":3160},{"class":212},[3161],{"type":20,"value":2065},{"type":14,"tag":153,"props":3163,"children":3164},{"class":2068},[3165],{"type":20,"value":174},{"type":14,"tag":153,"props":3167,"children":3168},{"class":188},[3169],{"type":20,"value":2075},{"type":14,"tag":153,"props":3171,"children":3172},{"class":265},[3173],{"type":20,"value":2328},{"type":14,"tag":153,"props":3175,"children":3176},{"class":188},[3177],{"type":20,"value":2075},{"type":14,"tag":153,"props":3179,"children":3180},{"class":160},[3181],{"type":20,"value":744},{"type":14,"tag":153,"props":3183,"children":3184},{"class":177},[3185],{"type":20,"value":2093},{"type":14,"tag":153,"props":3187,"children":3188},{"class":160},[3189],{"type":20,"value":2098},{"type":14,"tag":153,"props":3191,"children":3192},{"class":155,"line":2347},[3193],{"type":14,"tag":153,"props":3194,"children":3195},{"class":160},[3196],{"type":20,"value":1929},{"type":14,"tag":153,"props":3198,"children":3199},{"class":155,"line":2355},[3200],{"type":14,"tag":153,"props":3201,"children":3202},{"class":160},[3203],{"type":20,"value":1851},{"type":14,"tag":153,"props":3205,"children":3206},{"class":155,"line":2363},[3207,3211,3215,3219],{"type":14,"tag":153,"props":3208,"children":3209},{"class":160},[3210],{"type":20,"value":1859},{"type":14,"tag":153,"props":3212,"children":3213},{"class":188},[3214],{"type":20,"value":1992},{"type":14,"tag":153,"props":3216,"children":3217},{"class":160},[3218],{"type":20,"value":272},{"type":14,"tag":153,"props":3220,"children":3221},{"class":1999},[3222],{"type":20,"value":2381},{"type":14,"tag":153,"props":3224,"children":3225},{"class":155,"line":2384},[3226,3230,3234],{"type":14,"tag":153,"props":3227,"children":3228},{"class":160},[3229],{"type":20,"value":2011},{"type":14,"tag":153,"props":3231,"children":3232},{"class":188},[3233],{"type":20,"value":2394},{"type":14,"tag":153,"props":3235,"children":3236},{"class":160},[3237],{"type":20,"value":1953},{"type":14,"tag":153,"props":3239,"children":3240},{"class":155,"line":2401},[3241,3245,3249,3253,3257,3261,3265,3269,3273,3277,3281,3285,3289,3293,3297,3301,3305,3309],{"type":14,"tag":153,"props":3242,"children":3243},{"class":160},[3244],{"type":20,"value":525},{"type":14,"tag":153,"props":3246,"children":3247},{"class":177},[3248],{"type":20,"value":2033},{"type":14,"tag":153,"props":3250,"children":3251},{"class":160},[3252],{"type":20,"value":2038},{"type":14,"tag":153,"props":3254,"children":3255},{"class":309},[3256],{"type":20,"value":2043},{"type":14,"tag":153,"props":3258,"children":3259},{"class":212},[3260],{"type":20,"value":317},{"type":14,"tag":153,"props":3262,"children":3263},{"class":160},[3264],{"type":20,"value":174},{"type":14,"tag":153,"props":3266,"children":3267},{"class":265},[3268],{"type":20,"value":326},{"type":14,"tag":153,"props":3270,"children":3271},{"class":160},[3272],{"type":20,"value":2060},{"type":14,"tag":153,"props":3274,"children":3275},{"class":212},[3276],{"type":20,"value":2065},{"type":14,"tag":153,"props":3278,"children":3279},{"class":2068},[3280],{"type":20,"value":174},{"type":14,"tag":153,"props":3282,"children":3283},{"class":188},[3284],{"type":20,"value":2075},{"type":14,"tag":153,"props":3286,"children":3287},{"class":265},[3288],{"type":20,"value":2451},{"type":14,"tag":153,"props":3290,"children":3291},{"class":212},[3292],{"type":20,"value":2456},{"type":14,"tag":153,"props":3294,"children":3295},{"class":265},[3296],{"type":20,"value":2461},{"type":14,"tag":153,"props":3298,"children":3299},{"class":188},[3300],{"type":20,"value":2075},{"type":14,"tag":153,"props":3302,"children":3303},{"class":160},[3304],{"type":20,"value":744},{"type":14,"tag":153,"props":3306,"children":3307},{"class":177},[3308],{"type":20,"value":2093},{"type":14,"tag":153,"props":3310,"children":3311},{"class":160},[3312],{"type":20,"value":2098},{"type":14,"tag":153,"props":3314,"children":3315},{"class":155,"line":2480},[3316],{"type":14,"tag":153,"props":3317,"children":3318},{"class":160},[3319],{"type":20,"value":1872},{"type":14,"tag":153,"props":3321,"children":3322},{"class":155,"line":2488},[3323],{"type":14,"tag":153,"props":3324,"children":3325},{"class":160},[3326],{"type":20,"value":1880},{"type":14,"tag":153,"props":3328,"children":3329},{"class":155,"line":2496},[3330],{"type":14,"tag":153,"props":3331,"children":3332},{"class":160},[3333],{"type":20,"value":2502},{"type":14,"tag":153,"props":3335,"children":3336},{"class":155,"line":2505},[3337],{"type":14,"tag":153,"props":3338,"children":3339},{"class":160},[3340],{"type":20,"value":349},{"type":14,"tag":153,"props":3342,"children":3343},{"class":155,"line":2513},[3344,3348,3352],{"type":14,"tag":153,"props":3345,"children":3346},{"class":160},[3347],{"type":20,"value":358},{"type":14,"tag":153,"props":3349,"children":3350},{"class":166},[3351],{"type":20,"value":169},{"type":14,"tag":153,"props":3353,"children":3354},{"class":160},[3355],{"type":20,"value":205},{"type":14,"tag":153,"props":3357,"children":3359},{"class":155,"line":3358},48,[3360,3364,3368],{"type":14,"tag":153,"props":3361,"children":3362},{"class":160},[3363],{"type":20,"value":163},{"type":14,"tag":153,"props":3365,"children":3366},{"class":166},[3367],{"type":20,"value":1020},{"type":14,"tag":153,"props":3369,"children":3370},{"class":160},[3371],{"type":20,"value":205},{"type":14,"tag":153,"props":3373,"children":3375},{"class":155,"line":3374},49,[3376,3380,3384,3388,3392,3396,3400],{"type":14,"tag":153,"props":3377,"children":3378},{"class":160},[3379],{"type":20,"value":1273},{"type":14,"tag":153,"props":3381,"children":3382},{"class":1276},[3383],{"type":20,"value":993},{"type":14,"tag":153,"props":3385,"children":3386},{"class":160},[3387],{"type":20,"value":174},{"type":14,"tag":153,"props":3389,"children":3390},{"class":177},[3391],{"type":20,"value":1000},{"type":14,"tag":153,"props":3393,"children":3394},{"class":160},[3395],{"type":20,"value":185},{"type":14,"tag":153,"props":3397,"children":3398},{"class":188},[3399],{"type":20,"value":1295},{"type":14,"tag":153,"props":3401,"children":3402},{"class":160},[3403],{"type":20,"value":205},{"type":14,"tag":153,"props":3405,"children":3407},{"class":155,"line":3406},50,[3408,3412,3416],{"type":14,"tag":153,"props":3409,"children":3410},{"class":160},[3411],{"type":20,"value":1307},{"type":14,"tag":153,"props":3413,"children":3414},{"class":1276},[3415],{"type":20,"value":1312},{"type":14,"tag":153,"props":3417,"children":3418},{"class":160},[3419],{"type":20,"value":205},{"type":14,"tag":153,"props":3421,"children":3423},{"class":155,"line":3422},51,[3424,3428,3432,3436,3440],{"type":14,"tag":153,"props":3425,"children":3426},{"class":160},[3427],{"type":20,"value":1324},{"type":14,"tag":153,"props":3429,"children":3430},{"class":1276},[3431],{"type":20,"value":1329},{"type":14,"tag":153,"props":3433,"children":3434},{"class":160},[3435],{"type":20,"value":1334},{"type":14,"tag":153,"props":3437,"children":3438},{"class":1276},[3439],{"type":20,"value":1329},{"type":14,"tag":153,"props":3441,"children":3442},{"class":160},[3443],{"type":20,"value":205},{"type":14,"tag":153,"props":3445,"children":3447},{"class":155,"line":3446},52,[3448,3452,3456,3460,3464,3468,3472,3476,3480,3484,3488],{"type":14,"tag":153,"props":3449,"children":3450},{"class":160},[3451],{"type":20,"value":1324},{"type":14,"tag":153,"props":3453,"children":3454},{"class":1276},[3455],{"type":20,"value":1354},{"type":14,"tag":153,"props":3457,"children":3458},{"class":160},[3459],{"type":20,"value":174},{"type":14,"tag":153,"props":3461,"children":3462},{"class":177},[3463],{"type":20,"value":1012},{"type":14,"tag":153,"props":3465,"children":3466},{"class":160},[3467],{"type":20,"value":185},{"type":14,"tag":153,"props":3469,"children":3470},{"class":188},[3471],{"type":20,"value":1371},{"type":14,"tag":153,"props":3473,"children":3474},{"class":160},[3475],{"type":20,"value":174},{"type":14,"tag":153,"props":3477,"children":3478},{"class":177},[3479],{"type":20,"value":1380},{"type":14,"tag":153,"props":3481,"children":3482},{"class":160},[3483],{"type":20,"value":185},{"type":14,"tag":153,"props":3485,"children":3486},{"class":188},[3487],{"type":20,"value":1389},{"type":14,"tag":153,"props":3489,"children":3490},{"class":160},[3491],{"type":20,"value":1394},{"type":14,"tag":153,"props":3493,"children":3495},{"class":155,"line":3494},53,[3496,3500,3505,3509,3514,3518,3522],{"type":14,"tag":153,"props":3497,"children":3498},{"class":160},[3499],{"type":20,"value":1324},{"type":14,"tag":153,"props":3501,"children":3502},{"class":1276},[3503],{"type":20,"value":3504},"IFormError",{"type":14,"tag":153,"props":3506,"children":3507},{"class":160},[3508],{"type":20,"value":174},{"type":14,"tag":153,"props":3510,"children":3511},{"class":177},[3512],{"type":20,"value":3513},"for",{"type":14,"tag":153,"props":3515,"children":3516},{"class":160},[3517],{"type":20,"value":185},{"type":14,"tag":153,"props":3519,"children":3520},{"class":188},[3521],{"type":20,"value":1371},{"type":14,"tag":153,"props":3523,"children":3524},{"class":160},[3525],{"type":20,"value":1394},{"type":14,"tag":153,"props":3527,"children":3529},{"class":155,"line":3528},54,[3530,3534,3538],{"type":14,"tag":153,"props":3531,"children":3532},{"class":160},[3533],{"type":20,"value":1402},{"type":14,"tag":153,"props":3535,"children":3536},{"class":1276},[3537],{"type":20,"value":1312},{"type":14,"tag":153,"props":3539,"children":3540},{"class":160},[3541],{"type":20,"value":205},{"type":14,"tag":153,"props":3543,"children":3545},{"class":155,"line":3544},55,[3546,3550,3554],{"type":14,"tag":153,"props":3547,"children":3548},{"class":160},[3549],{"type":20,"value":1307},{"type":14,"tag":153,"props":3551,"children":3552},{"class":1276},[3553],{"type":20,"value":1312},{"type":14,"tag":153,"props":3555,"children":3556},{"class":160},[3557],{"type":20,"value":205},{"type":14,"tag":153,"props":3559,"children":3561},{"class":155,"line":3560},56,[3562,3566,3570,3574,3578],{"type":14,"tag":153,"props":3563,"children":3564},{"class":160},[3565],{"type":20,"value":1324},{"type":14,"tag":153,"props":3567,"children":3568},{"class":1276},[3569],{"type":20,"value":1329},{"type":14,"tag":153,"props":3571,"children":3572},{"class":160},[3573],{"type":20,"value":1443},{"type":14,"tag":153,"props":3575,"children":3576},{"class":1276},[3577],{"type":20,"value":1329},{"type":14,"tag":153,"props":3579,"children":3580},{"class":160},[3581],{"type":20,"value":205},{"type":14,"tag":153,"props":3583,"children":3585},{"class":155,"line":3584},57,[3586,3590,3594,3598,3602,3606,3610,3614,3618,3622,3626,3630,3634,3638,3642],{"type":14,"tag":153,"props":3587,"children":3588},{"class":160},[3589],{"type":20,"value":1324},{"type":14,"tag":153,"props":3591,"children":3592},{"class":1276},[3593],{"type":20,"value":1354},{"type":14,"tag":153,"props":3595,"children":3596},{"class":160},[3597],{"type":20,"value":174},{"type":14,"tag":153,"props":3599,"children":3600},{"class":177},[3601],{"type":20,"value":1012},{"type":14,"tag":153,"props":3603,"children":3604},{"class":160},[3605],{"type":20,"value":185},{"type":14,"tag":153,"props":3607,"children":3608},{"class":188},[3609],{"type":20,"value":1480},{"type":14,"tag":153,"props":3611,"children":3612},{"class":160},[3613],{"type":20,"value":174},{"type":14,"tag":153,"props":3615,"children":3616},{"class":177},[3617],{"type":20,"value":1489},{"type":14,"tag":153,"props":3619,"children":3620},{"class":160},[3621],{"type":20,"value":185},{"type":14,"tag":153,"props":3623,"children":3624},{"class":188},[3625],{"type":20,"value":1480},{"type":14,"tag":153,"props":3627,"children":3628},{"class":160},[3629],{"type":20,"value":174},{"type":14,"tag":153,"props":3631,"children":3632},{"class":177},[3633],{"type":20,"value":1380},{"type":14,"tag":153,"props":3635,"children":3636},{"class":160},[3637],{"type":20,"value":185},{"type":14,"tag":153,"props":3639,"children":3640},{"class":188},[3641],{"type":20,"value":1514},{"type":14,"tag":153,"props":3643,"children":3644},{"class":160},[3645],{"type":20,"value":1394},{"type":14,"tag":153,"props":3647,"children":3649},{"class":155,"line":3648},58,[3650,3654,3658,3662,3666,3670,3674],{"type":14,"tag":153,"props":3651,"children":3652},{"class":160},[3653],{"type":20,"value":1324},{"type":14,"tag":153,"props":3655,"children":3656},{"class":1276},[3657],{"type":20,"value":3504},{"type":14,"tag":153,"props":3659,"children":3660},{"class":160},[3661],{"type":20,"value":174},{"type":14,"tag":153,"props":3663,"children":3664},{"class":177},[3665],{"type":20,"value":3513},{"type":14,"tag":153,"props":3667,"children":3668},{"class":160},[3669],{"type":20,"value":185},{"type":14,"tag":153,"props":3671,"children":3672},{"class":188},[3673],{"type":20,"value":1480},{"type":14,"tag":153,"props":3675,"children":3676},{"class":160},[3677],{"type":20,"value":1394},{"type":14,"tag":153,"props":3679,"children":3681},{"class":155,"line":3680},59,[3682,3686,3690],{"type":14,"tag":153,"props":3683,"children":3684},{"class":160},[3685],{"type":20,"value":1402},{"type":14,"tag":153,"props":3687,"children":3688},{"class":1276},[3689],{"type":20,"value":1312},{"type":14,"tag":153,"props":3691,"children":3692},{"class":160},[3693],{"type":20,"value":205},{"type":14,"tag":153,"props":3695,"children":3697},{"class":155,"line":3696},60,[3698,3702,3706],{"type":14,"tag":153,"props":3699,"children":3700},{"class":160},[3701],{"type":20,"value":1543},{"type":14,"tag":153,"props":3703,"children":3704},{"class":1276},[3705],{"type":20,"value":993},{"type":14,"tag":153,"props":3707,"children":3708},{"class":160},[3709],{"type":20,"value":205},{"type":14,"tag":153,"props":3711,"children":3713},{"class":155,"line":3712},61,[3714],{"type":14,"tag":153,"props":3715,"children":3716},{},[3717],{"type":20,"value":248},{"type":14,"tag":153,"props":3719,"children":3721},{"class":155,"line":3720},62,[3722,3726,3730,3734,3738,3742,3746,3750,3754],{"type":14,"tag":153,"props":3723,"children":3724},{"class":160},[3725],{"type":20,"value":1273},{"type":14,"tag":153,"props":3727,"children":3728},{"class":166},[3729],{"type":20,"value":146},{"type":14,"tag":153,"props":3731,"children":3732},{"class":160},[3733],{"type":20,"value":174},{"type":14,"tag":153,"props":3735,"children":3736},{"class":177},[3737],{"type":20,"value":1580},{"type":14,"tag":153,"props":3739,"children":3740},{"class":160},[3741],{"type":20,"value":185},{"type":14,"tag":153,"props":3743,"children":3744},{"class":188},[3745],{"type":20,"value":1589},{"type":14,"tag":153,"props":3747,"children":3748},{"class":160},[3749],{"type":20,"value":1594},{"type":14,"tag":153,"props":3751,"children":3752},{"class":166},[3753],{"type":20,"value":146},{"type":14,"tag":153,"props":3755,"children":3756},{"class":160},[3757],{"type":20,"value":205},{"type":14,"tag":153,"props":3759,"children":3761},{"class":155,"line":3760},63,[3762,3766,3770],{"type":14,"tag":153,"props":3763,"children":3764},{"class":160},[3765],{"type":20,"value":358},{"type":14,"tag":153,"props":3767,"children":3768},{"class":166},[3769],{"type":20,"value":1020},{"type":14,"tag":153,"props":3771,"children":3772},{"class":160},[3773],{"type":20,"value":367},{"type":14,"tag":29,"props":3775,"children":3776},{},[3777,3779],{"type":20,"value":3778},"You can also register custom validators for your form schema. ",{"type":14,"tag":3780,"props":3781,"children":3783},"a",{"href":3782},"/docs/forms/validation/validators",[3784],{"type":20,"value":3785},"Read more about validators",{"type":14,"tag":722,"props":3787,"children":3789},{"id":3788},"_4-enjoy",[3790],{"type":20,"value":3791},"4. Enjoy!",{"type":14,"tag":29,"props":3793,"children":3794},{},[3795],{"type":20,"value":3796},"Did you see how simple that was? Inkline makes even the most advanced form validation a breeze.",{"type":14,"tag":29,"props":3798,"children":3799},{},[3800,3802,3807,3808,3813,3814,3819,3820,3825,3826,3831,3832,3837],{"type":20,"value":3801},"Behind the scenes, the validation utility will validate values using the set of rules you define, handle the displaying of error messages, automatically serialize the schema, and provide you with useful ",{"type":14,"tag":86,"props":3803,"children":3804},{},[3805],{"type":20,"value":3806},"valid",{"type":20,"value":272},{"type":14,"tag":86,"props":3809,"children":3810},{},[3811],{"type":20,"value":3812},"invalid",{"type":20,"value":272},{"type":14,"tag":86,"props":3815,"children":3816},{},[3817],{"type":20,"value":3818},"touched",{"type":20,"value":272},{"type":14,"tag":86,"props":3821,"children":3822},{},[3823],{"type":20,"value":3824},"untouched",{"type":20,"value":272},{"type":14,"tag":86,"props":3827,"children":3828},{},[3829],{"type":20,"value":3830},"dirty",{"type":20,"value":738},{"type":14,"tag":86,"props":3833,"children":3834},{},[3835],{"type":20,"value":3836},"pristine",{"type":20,"value":3838}," statuses.",{"type":14,"tag":3840,"children":3841},"style",[3842],{"type":20,"value":3843},".ct-553616{color:#24292E;}\n.dark-theme .ct-553616{color:#E1E4E8;}\n.ct-914029{color:#22863A;}\n.dark-theme .ct-914029{color:#85E89D;}\n.ct-762058{color:#6F42C1;}\n.dark-theme .ct-762058{color:#B392F0;}\n.ct-952708{color:#032F62;}\n.dark-theme .ct-952708{color:#9ECBFF;}\n.ct-149352{color:#D73A49;}\n.dark-theme .ct-149352{color:#F97583;}\n.ct-617022{color:#005CC5;}\n.dark-theme .ct-617022{color:#79B8FF;}\n.ct-157101{color:#E36209;}\n.dark-theme .ct-157101{color:#FFAB70;}\n.ct-028869{color:#B31D28;font-style:italic;}\n.dark-theme .ct-028869{color:#FDAEB7;font-style:italic;}\n.ct-086898{color:#6A737D;}\n.ct-672362{color:#032F62;}\n.dark-theme .ct-672362{color:#DBEDFF;}",{"title":7,"searchDepth":208,"depth":208,"links":3845},[3846],{"id":25,"depth":208,"text":9,"children":3847},[3848,3849],{"id":72,"depth":242,"text":75},{"id":657,"depth":242,"text":660},"markdown","content:docs:forms:validation:index.md","content","docs/forms/validation/index.md","md",1794582260725]