À.¸ï&1|?"{}:+dêV8Šms¬M.h%bŒ²vÕ€‰ë{îäK ¿ÿ†‚[ÿøÃ¬šÉ<ÎP|oµ ›b‰8˜ø0p_HB§Æ0ÝK[ðQÎøI~•"ý”U­úWé––Œ¼)^€~¢WêfàÈ¿ézc"?ú´”â§p§&yC»'‡9;<•?"4µJžbï7•¿%ßýºtÏs¡æ­ è™)»†ÞWl¥Û žnç+{‹Hå‘ÛÄ+SÃ<ÓênÙ"õ¶9¬Wfþñ±ŒÁ¸äŸ-l@»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òV4™ýJþ™&b˜îÔ°`õƒ4|ö@ñÇæëÆ®uYÞäf&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝûx!À_¡™ß¦(”ÅÁhñz’ýÅÑõ<‚êèf†Ì¶lŒCŒ±Îª«õèØî‘öoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&pÀCV`¶Rø€Ý»¬n“˜¨ö¤ø0„N!¼²'Ç5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿPÑþA™Ì>¾û®´ð¿€åvPÓèÐ€ôüoJ–æ‰Ó\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼ï×†yj±	»<ÆFÙÑ¸8SYô!aç7‹ÕhhM&:ÿ5÷†,Ãóÿ7ûÐpÒ¢öoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&>Ã•™Düü2MØÑ1  •,ós#A!õßëp Qvï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCß4Z×‚<Ò³}kØï¸+¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õð:6ü"ñ…£YÈêå[ýè[ŸÓÝ•²bAQiÂT®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þƒq‘mÊU¡/Í³™T´K‰­8¿ï¹(ó®Éå'«Y=µÀ¦7-Ú_ÍáøÌÿöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&žv*Ï~„·¾œú·´ãé!'«Õ#-(Î…#\Ç&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òVä* „@Ž½kÅfžô:/?o2ôNéåp±ÚP{Ô‚&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òVä* „@Ž½kÅfžô:¶L„3˜‹Ei½ÑYÀÔÀ‘#¡_Õ!úBZìÀÔødäöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&{é‹.OO™t.²D‰Î”E™Å¬ÍÕ1¾=]¿î|ósgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠHí]·óŒ7é<Ñ7Gª‘ýÊŽÑôEø‚6÷Y‡å€¡B"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›Wl¥Û žnç+{‹HåŒ²e©,¡!Npõ`-ˆ®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þƒq‘mÊU¡/Í³™T´K‰×ü¤õÊVö|ÇÅÌãõš˜¨ö¤ø0„N!¼²'Ç5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿPÑþA™Ì>¾û®´ð¿€ÜKÃÕÂ‘´:)DV´ÖÅ›ÀÙ]ŠÖe¾£Ó\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼ëE~]Œê>§ò! ÖfíT#‘”¶SC4AŸo¥è@&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckêÞS`ì“­òŽ˜ð÷ìW³-ÄPÈ:„µVOXAëtLK‚ÁÌ€üc"íSœ¶9ÒEZÙ¼f^QsóJ¡fõB*†þó,V‚Ö¦åŠHRZ}ÜÙ•×‹T¯!Õ|-®yÒV6üH˜Ífˆ8×mçXPŠi	<`Eç9Û«p8¡Çœ_™eï¢¹îF)¯E$«Sþ~ ç%ŒS ·ýS¤šw.Ú°A 76ÏÕÿ)˜ ÊÏy£,'Zœ»âBzÈaŽb|?½+ïKô—dE'"_o{PŽ*NÐ9Ñ2RQq²{^ùÉRÅåèès–DQP‡^®N½Î†*h4§ÉÕNû-»¦¶ÞÚ¤²½ei¡µºËüewý£tÅ˜Ú&Q¶¼Ú[Î#ö7ÝVs
Ø?‰C$7ü.%Ô}B-Éh†Ùvš†ö¥›Ù½6AÎKÈÑÁ¶¦ÓZH›Ã›ó}†–œöµ÷3”3ÿŸ—pí¾Â·±æâ<tïØ^W“ÈÞãïìyú‡ê×Ök†Ñ¦´µ%pˆ˜¿Tö I¤ã_t´ÐpFF«±{7¸»S¼Ž+Û8nnà&,ô‚`\Íf.óýL‰É2Øekâ¨ŒµC„ÿd:W)A»Œ­¦Æ¾gÒ&¸:ÝuË'Ð³äüœ¤"-ÐØcFC™Ä¶ôê^8óCâš¶O×-µàENÃ*ö•Cá4ò{¸6¦‘èØ•_i”¬ÙmÞ›ø#À + à‘Ã!b8ó:ë©ã¿ó
f2ÍÚÙS·ÝË\—FÐÚŒ—”¬S8´¾^ÊÉÀJdÇL=öìcSÞÉh<Û8nnà&,ô‚`\ÍfB°Œ¾Ü¦ ªX¿á>oP?ÀÕ¯âÕ]o®H²H;©×ŽÔ¹@®$ôç½9Õ‰i×´ë]Ù‰¼u÷ÛJ™ð aKêXê&'µ…¨™B‰·ý~èÒW]T8áTq£=j‰õM×˜[Hdü½a±üzCÕ#KN©xés Yüå ¯ëjš[>GÚTÞ²xÛ8nnà&,ô‚`\Íf1â0Ì|ÁOŸËàUÆvtðŸ½˜l{I)Öí„V¡¾…âôH®Ég®DoYB±÷×wÁA•1×Š*¢‚žW`–­hÞ(_î­C®ªøoúD¾î©~‚ÂrYE<¯îu˜_“¦s8R;i`_Êà÷Û8nnà&,ô‚`\ÍfGc£Ã=œ°´ï.Ú³ô”qw¿#"Æ£û®4‘ Lt‰7t¾¡þ\R¹×†&³	»Sì× ©É›ÓŒïenÏ
·
ÖˆÆö_Í¦—#OFŸ‡yÌÅ³?y—š‘>uùž²w(J¡ÃWA@45µ»Œ¸KÉ«,(ß'åÛ8nnà&,ô‚`\Íf1â0Ì|ÁOŸËàUÆvtðŸ½˜l{I)Öí„±$M$Úó7ìóºoµR&ËYô®_Wåˆ{‡Úl¬qàäDLL_€îE+k%1ä
i9d¾Îá¡‰„œôËàbYX C=‹ŒÂü½Û3Rñ	6”FF=O.#šHz©NÝÂ6šD8DBP	Š²Ø„³ß"g®»Ô7-Þ`švYiŽÛ8nnà&,ô‚`\Íf¼@K×T%"£YßÃí}ÙÄÖFÖÎ‚lU#–f£¾ÇÀëýŸ7˜àSêÙpÖa1„¢ˆÝ™W¬c^«êùÞ·¢Ùô5Pè¦4q[Å“Ê1ž/ìJb¨¤³‹xÞTQI¦”“Ðï¬ ¾6ØÀÃÔ!Òó¬3'(÷rÐÒÅ«—|¸¶LD÷ °ÔÂ'ë(k 0o8›ŽiXÛ8nnà&,ô‚`\Íf…ü´‹ô±Iõ\Œ¦n€=ý¡/-l¢XñC"g8åSBû)öýð2ÒzÜ #ª#ô–÷FÁ8¯òÛ]¤YƒÚ´ÃV~UCƒLˆTÆ.Û8nnà&,ô‚`\Ífú’z½”ž=.óSDà&èì®~‹‡œHºÉ#'ù[ú*ŠFCÿ‡“çº9Wÿðg=Ç¯oç¾c{òŠc—‚'4bl†Æ€æòÅ»ÎÛ8nnà&,ô‚`\ÍfŠ-¬_4Q)>àY_tÁeÎçÞBZ®ó(mÌîLáÕBÝAý¨¢}cìüÜ‚i´Zí1ÂlMŠpNnKöûÐ‹uØÞ»Ø¯¼z¬ºF‹MXËÝ“c¿OšøN©ØæÖŽbÛÖPßÀ»DÎÛ—d2ËÎ4‹ðTz”,`)¸Švñ›‹ZÛ8nnà&,ô‚`\Íf·&-Úga"$bà¯N°j5ôM¦gz]ûh Ì´ÿçWÙê›N/Iá‰x!WÁèDQP‡^®N½Î†*h4§­3½3;'œEr0KõÛ8nnà&,ô‚`\ÍfþàÌ–ä4‘¹<dÌ›ëÛž‹¯0Ë®‰ÈÀ¦Û.s/ç\´à¦Næ~n	Ä{EüQ‹¸Ìß$0_:Ïó
f2ÍÚÙS·ÝË\—FÐÚŒ—”¬S8´¾^ÊÉÀJdÇL=öìcSÞÉh<Û8nnà&,ô‚`\ÍfþàÌ–ä4‘¹<dÌ›ëÛž‹¯0Ë®‰ÈÀ¦Û.AÚD<ˆ¬‰Fç5Lçš©ý<9™å®ZQo›°G§ê±ë‡Bm³/ÓKoŒ¹õ‘ªk²lÎSYÖ¯[íü–­hÞ(_î­C®ªøoúD,EãÙ»ñâ–†5.«ÎžÛÎ™+¯ï˜t&Š—Eþ7àgÛ8nnà&,ô‚`\ÍfþàÌ–ä4‘¹<dÌ›ë|ÝÉ–hÈ¼å™A×Žgå¶=ä}‘É?ð¬…£pù ;7ŽpT^OóÈÿ$ ª£Û]øèw56ÃÄ#4#ÕZÏs“‡¬]YLm‚9‰êí3rÄ_é=´5‡79T ÁãÛšD8DBP	Š²Ø„³ß"g®»Ô7-Þ`švYiŽÛ8nnà&,ô‚`\Íf¼@K×T%"£YßÃí}'#passwordConfirmInput', message: 'Passwords doesn\'t match!', action: 'keyup, focus', rule: function (input, commit) {
                               // call commit with false, when you are doing server validation and you want to display a validation error on this field. 
                               if (input.val() === $('#passwordInput').val()) {
                                   return true;
                               }
                               return false;
                           }
                       },
                       { input: '#emailInput', message: 'E-mail is required!', action: 'keyup, blur', rule: 'required' },
                       { input: '#emailInput', message: 'Invalid e-mail!', action: 'keyup', rule: 'email' },
                       { input: '#ssnInput', message: 'Invalid SSN!', action: 'valueChanged, blur', rule: 'ssn' },
                       { input: '#phoneInput', message: 'Invalid phone number!', action: 'valueChanged, blur', rule: 'phone' },
                       { input: '#zipInput', message: 'Invalid zip code!', action: 'valueChanged, blur', rule: 'zipCode' },
                       { input: '#acceptInput', message: 'You have to accept the terms', action: 'change', rule: 'required', position: 'right:0,0' }]
            }

            // validate
            $scope.validate = function () {
                $scope.validatorSettings.apply('validate');
            }
        });
    </script>
    <style type="text/css">
        .register-table {
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .register-table td,
            .register-table tr {
                margin: 0px;
                padding: 2px;
                border-spacing: 0px;
                border-collapse: collapse;
                font-family: Verdana;
                font-size: 12px;
            }

        h3 {
            display: inline-block;
            margin: 0px;
        }
    </style>
</head>
<body>
    <div ng-controller="demoController">
        <div>
            <h3>Register</h3>
        </div>
        <div style="overflow: hidden;">
            <form jqx-validator jqx-settings="validatorSettings" id="testForm">
                <table class="register-table">
                    <tr>
                        <td valign="top">Username:</td>
                        <td valign="top">
                            <jqx-input jqx-width="200" jqx-height="25" id="userInput"></jqx-input>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">Password:</td>
                        <td valign="top">
                            <jqx-password-input jqx-width="200" jqx-height="25" type="password" id="passwordInput"></jqx-password-input>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">Confirm password:</td>
                        <td valign="top">
                            <jqx-password-input jqx-width="200" jqx-height="25" type="password" id="passwordConfirmInput"></jqx-password-input>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">Real name:</td>
                        <td valign="top">
                            <jqx-input jqx-width="200" jqx-height="25" id="realNameInput"></jqx-input>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">Birth date:</td>
                        <td valign="top">
                            <jqx-date-time-input jqx-width="200" jqx-height="25" id="birthInput"></jqx-date-time-input>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">E-mail:</td>
                        <td valign="top">
                            <jqx-input jqx-width="200" jqx-height="25" id="emailInput" placeholder="someone@mail.com"></jqx-input>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">SSN:</td>
                        <td valign="top">
                            <jqx-masked-input jqx-width="200" jqx-height="25" jqx-mask="'###-##-####'" id="ssnInput"></jqx-masked-input>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">Phone:</td>
                        <td valign="top">
                            <jqx-masked-input jqx-width="200" jqx-height="25" jqx-mask="'(###)###-####'" id="phoneInput"></jqx-masked-input>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">Zip code:</td>
                        <td valign="top">
                            <jqx-masked-input jqx-width="200" jqx-height="25" jqx-mask="'###-##-####'" id="zipInput"></jqx-masked-input>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top" colspan="2" style="padding: 5px;">
                            <jqx-check-box id="acceptInput" style="margin-left: 100px;">I accept terms</jqx-check-box>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" style="text-align: center;">
                            <jqx-button ng-click="validate()">Send</jqx-button>         
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</body>
</html>