1 2 3<!DOCTYPE html> 4<html lang="en"> 5<head> 6 <!-- Used to push custom page paths into GA --> 7
7<script> 8 window.dataLayer = window.dataLayer || []; 9 10 </script>
10 11 12 13 <!-- Google Tag Manager --> 14
14<script>
vendor: 338 bytes, lines 14-19
14 15 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 16 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 17 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 18 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 19 })(window,document,'script','dataLayer','
19GTM-KTK23XR
vendor: 3 bytes, line 19
19');
19</script>
19<!-- 526N37TS is Dev GTM Tag--> 20 <!-- End Google Tag Manager --> 21 22 <!-- Cannonical tag --> 23 <link rel="canonical" href="https://www.viacharacter.org/account/register"> 24 <!-- END Cannonical tag --> 25
25<script> 26 window.dataLayer = window.dataLayer || []; 27 function gtag() { dataLayer.push(arguments); } 28 </script>
28 29 <meta name="robots" content="index,follow" /> 30 <meta charset="utf-8" /> 31 <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" /> 32 <meta name="description" /> 33 <meta name="keywords" /> 34 <link rel="apple-touch-icon" sizes="180x180" href="https://static.viacharacter.org/web/apple-touch-icon.png"> 35 <link rel="icon" type="image/png" sizes="32x32" href="https://static.viacharacter.org/web/favicon-32x32.png"> 36 <link rel="icon" type="image/png" sizes="16x16" href="https://static.viacharacter.org/web/favicon-16x16.png"> 37 <link rel="icon" type="image/png" sizes="192x192" href="https://static.viacharacter.org/web/favicon-192x192.png"> 38 <link rel="icon" type="image/png" sizes="512x512" href="https://static.viacharacter.org/web/favicon-512x512.png"> 39 <link rel="shortcut icon" type="image/x-icon" href="https://static.viacharacter.org/web/favicon.ico"> 40 <link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials"> 41 <link rel="mask-icon" href="https://static.viacharacter.org/web/safari-pinned-tab.svg" color="#5bbad5"> 42 <meta name="msapplication-TileColor" content="#da532c"> 43 <meta name="theme-color" content="#ffffff"> 44 45 <style> 46 47 #languageCode { 48 font-family: "Merriweather", serif; 49 font-size: 13px; 50 font-weight: normal; 51 font-style: normal; 52 font-stretch: normal; 53 line-height: normal; 54 letter-spacing: normal; 55 color: #1B323D; 56 display: block; 57 width: 100%; 58 background: #fff; 59 height: 46px; 60 border: solid 1px #e6e6e6; 61 padding: 14px; 62 border-radius: 0; 63 transition: none; 64 } 65 66 input::-webkit-outer-spin-button, 67 input::-webkit-inner-spin-button { 68 display: none; 69 } 70 71 .header__lower { 72 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08); 73 } 74 75 .hide { 76 display: none !important; 77 } 78 79 .input-validation-error { 80 border: solid 1px #e6162d !important; 81 } 82 83 .field-validation-error { 84 font-family: Merriweather; 85 font-size: 11px; 86 font-weight: 300; 87 font-stretch: normal; 88 font-style: italic; 89 line-height: normal; 90 letter-spacing: normal; 91 color: #e6162d; 92 } 93 94 .form-group { 95 margin-bottom: 9px !important; 96 } 97 </style> 98 99 <title>Account Registration | VIA Institute</title> 100 101 102 <link rel="preconnect" href="https://fonts.googleapis.com"> 103 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 104 <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,300;1,400&display=swap" rel="stylesheet"> 105 <link href="https://fonts.googleapis.com/css?family=Merriweather:300,300i|Raleway:400,600,800" rel="stylesheet"> 106 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous" as="style"> 107 108 109 110 111 <link rel="stylesheet" href="/css/site.min.css?v=UIqEKQQWt1ydzFocdyGVn3iMA7kQrQs3fF6LW-uxegI" /> 112 113 114 115 116
116<script> 117 VIA = window.VIA || {}; 118 VIA.delayed = null; 119 VIA.delay = function (f) { var e = VIA.delayed; VIA.delayed = e ? function () { e(); f(); } : f; }; 120 </script>
120 121
121<script> 122 window['GoogleAnalyticsObject'] = 'ga'; 123 window['ga'] = window['ga'] || function () { 124 (window['ga'].q = window['ga'].q || []).push(arguments) 125 }; 126 </script>
126 127
127<script> 128 129 </script>
129 130</head> 131<body> 132 <!-- Google Tag Manager (noscript) --> 133 <noscript> 134 <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KTK23XR" 135 height="0" width="0" style="display:none;visibility:hidden"></iframe> <!-- 526N37TS is Dev GTM Tag--> 136 </noscript> 137 <!-- End Google Tag Manager (noscript) --> 138 <main class="main"> 139 140 <div class="main__header"> 141 142 143 144<style> 145 @media (max-width: 1140px) { 146 .main__header:has(.site-banner) .header-controls__bottom .menu-main { 147 top: 50px; 148 } 149 150 .main__header:has(.alert-warning) .header-controls__bottom .menu-main { 151 top: 95px; 152 } 153 } 154 155 @media (max-width: 740px) { 156 .main__header:has(.site-banner) .header-controls__bottom .menu-main { 157 top: 68px; 158 } 159 160 .main__header:has(.alert-warning) .header-controls__bottom .menu-main { 161 top: 142px; 162 } 163 } 164 165 @media (max-width: 391px) { 166 .main__header:has(.site-banner) .header-controls__bottom .menu-main { 167 top: 100px; 168 } 169 170 .main__header:has(.alert-warning) .header-controls__bottom .menu-main { 171 top: 198px; 172 } 173 } 174</style> 175 176 177 178<header class="header-controls"> 179 <div class="header-controls__top"> 180 <div class="header-controls-top__language-wrapper"> 181 182 </div> 183 <div class="header-controls-top__controls-wrapper"> 184 <div class="header-controls__sign-in"> 185 <a href="/account/login">Sign in</a> 186 </div> 187 188 <div class="header-controls__cart-wrapper" role="status"> 189 <a id="cart-link" href="/combinedstore/shoppingcart"> 190 <svg id="cart-image" aria-label="Shopping cart, 0 item(s)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="#ffffff" d="M0 24C0 10.7 10.7 0 24 0H69.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H170.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H488c13.3 0 24 10.7 24 24s-10.7 24-24 24H199.7c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5H24C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z" /></svg> 191 <span class="cart-quantity ">0</span> 192 </a> 193 </div> 194 195 <div class="header-controls__search"> 196 <a href="/about/donate">Donate</a> 197 </div> 198 199 </div> 200 <div class="header-controls-top__survey-wrapper"> 201 <a id="header-take-survey" class="" href="/account/register">Take The Free Survey</a> 202 </div> 203 <div class="header-controls-top__buffer-row"> 204 </div> 205 </div> 206 207 <div class="header-controls__bottom-wrapper"> 208 <div class="header-controls__bottom"> 209 <div class="header-controls-bottom__logo-wrapper"> 210 <a id="logo-link" href="/"> 211 <img class="" 212 srcset="https://static.viacharacter.org/web/via_logo_wide.png, 213 https://static.viacharacter.org/web/[email protected] 2x" 214 src="https://static.viacharacter.org/web/via_logo_wide.png" 215 alt="VIA Institute On Character" 216 height="42" width="195"> 217 </a> 218 </div> 219 <div class="header-controls-bottom__nav-wrapper"> 220 <button class="mobile-nav-toggle" aria-controls="primary-navigation" aria-expanded="false"><span class="sr-only">Menu</span></button> 221 <nav> 222 <ul id="primary-navigation" class="menu-main" data-visible="false"> 223 <li class="menu-separator first"></li> 224 <li> 225 <div class="top-menu-item__wrapper"> 226 <a href="/character-strengths-via" aria-controls="sub-menu-character-strengths"> 227 <span>Character Strengths</span> 228 <span class="chevron" data-expanded="false"></span> 229 </a> 230 </div> 231 <div id="sub-menu-character-strengths" class="menu-sub" data-visible="false" aria-expanded="false"> 232 <ul> 233 <li class="slide-out-only"><a href="/character-strengths">About Character Strengths</a></li> 234 <li><a href="/character-strengths">All 24 Character Strengths</a></li> 235 </ul> 236 </div> 237 </li> 238 <li> 239 <div class="top-menu-item__wrapper"> 240 <a href="/reports" aria-controls="sub-menu-reports"> 241 <span>Reports</span> 242 <span class="chevron" data-expanded="false"></span> 243 </a> 244 </div> 245 <div id="sub-menu-reports" class="menu-sub" data-visible="false" aria-expanded="false"> 246 <ul> 247 <li><a href="/reports">View All Reports</a></li> 248 <li><a href="/reports/total-24">Total 24 Report</a></li> 249 <li><a href="/reports/top-5">Top 5 Report</a></li> 250 <li><a href="/reports/mindfulness-and-character-strengths">Mindfulness and Character Strengths Report</a></li> 251 <li><a href="/reports/the-via-team-profile-report">Team Report</a></li> 252 <li><a href="/reports/youth">Youth Report</a></li> 253 </ul> 254 </div> 255 </li> 256 <li> 257 <div class="top-menu-item__wrapper">
258 <a href="/courses" aria-controls="sub-menu-courses"> 259 <span>Courses</span> 260 <span class="chevron" data-expanded="false"></span> 261 </a> 262 </div> 263 <div id="sub-menu-courses" class="menu-sub" data-visible="false" aria-expanded="false"> 264 <ul> 265 266 <li><a href="/courses">View All Courses & Programs</a></li> 267 <li class="menu-header top-margin">Courses â¾</li> 268 <li><a href="/courses/start-with-strengths">Start With Strengths</a></li> 269 <li><a href="/courses/positive-relationships-mini-course">Positive Relationships Mini-Course</a></li> 270 <li><a href="/courses/positive-relationships-and-character-strengths">Positive Relationships Extended Course</a></li> 271 <li><a href="/courses/mindfulness-based-strength-practice">Mindfulness-Based Strengths Practice (MBSP)</a></li> 272 <li><a href="/courses/mindfulness-based-strength-practice-certification">Mindfulness-Based Strengths Practice Certification</a></li> 273 <li><a href="/courses/mindfulness-and-strengths-in-daily-life">Mindfulness And Strengths In Daily Life</a></li> 274 <li><a href="/courses/navigating-transitions">Navigating Transitions</a></li> 275 <li><a href="/courses/character-strengths-interventions">Character Strengths Interventions</a></li> 276 <li class="menu-header">For Workplaces â¾</li> 277 <li><a href="/strength-based-workplaces">Workplaces at Their Best</a></li> 278 <li class="menu-header">For Educators â¾</li> 279 <li><a href="/programs/thriving-learning-communities">Strength-Based Education</a></li> 280 </ul> 281 </div> 282 </li> 283 <li> 284 <div class="top-menu-item__wrapper"> 285 <a href="/resources/activities" aria-controls="sub-menu-resources"> 286 <span>Resources</span> 287 <span class="chevron" data-expanded="false"></span> 288 </a> 289 </div> 290 <div id="sub-menu-resources" class="menu-sub" data-visible="false" aria-expanded="false"> 291 <ul> 292 <li><a href="/resources/activities">Activities</a></li> 293 <li><a href="/resources/books">Books</a></li> 294 <li><a href="/resources/workbooks">Workbooks</a></li> 295 <li><a href="/webinars-and-live-events">Events</a></li> 296 <li><a href="/resources/videos">Videos</a></li> 297 <li><a href="/resources/customized-webinars-and-workshops">Webinars</a></li> 298 <li><a href="/resources/character-strengths-coaching">Coaching</a></li> 299 <li><a href="/faq">FAQ</a></li> 300 </ul> 301 </div> 302 </li> 303 <li> 304 <div class="top-menu-item__wrapper"> 305 <a href="/topics" aria-controls="sub-menu-learn"> 306 <span>Learn</span> 307 <span class="chevron" data-expanded="false"></span> 308 </a> 309 </div> 310 <div id="sub-menu-learn" class="menu-sub" data-visible="false" aria-expanded="false"> 311 <ul> 312 <li><a class="slide-out-only" href="/topics">All Topics</a></li> 313 <li><a href="/topics/achieving-goals">Achieving Goals</a></li> 314 <li><a href="/topics/career-building">Career Building</a></li> 315 <li><a href="/topics/happiness">Happiness</a></li> 316 <li><a href="/topics/life-changes">Life Changes</a></li> 317 <li><a href="/topics/meaning">Meaning</a></li> 318 <li><a href="/topics/mindfulness">Mindfulness</a></li> 319 <li><a href="/topics/parenting">Parenting</a></li> 320 <li><a href="/topics/relationships">Relationships</a></li> 321 <li><a href="/topics/strengths-basics">Strengths Basics</a></li> 322 <li><a href="/topics/stress">Stress</a></li> 323 </ul> 324 </div> 325 </li> 326 <li class="menu-separator"></li> 327 <li> 328 <div class="top-menu-item__wrapper">
329 <a href="/professionals" aria-controls="sub-menu-professionals"> 330 <span>Professionals</span> 331 <span class="chevron" data-expanded="false"></span> 332 </a> 333 </div> 334 <div id="sub-menu-professionals" class="menu-sub" data-visible="false" aria-expanded="false"> 335 <ul> 336 <li><a class="slide-out-only" href="/professionals">Professionals</a></li> 337 <li><a href="/professionals">Create a Dashboard</a></li> 338 <li><a href="/professionals/coaching-and-consulting-insights">Coaching and Consulting Insights</a></li> 339 <li><a href="/professionals/adults">Working With Adults</a></li> 340 <li><a href="/professionals/youth">Working With Youth</a></li> 341 <li><a href="/professionals/tools">Tools for Practitioners</a></li> 342 <li><a href="/workplaces/certified-consultants">Consultant Directory</a></li> 343 <li><a href="/workplaces/certified-organizations">Organizations Directory</a></li> 344 <li><a href="/mindfulness/certified-practitioners">MBSP Certified Directory</a></li> 345 </ul> 346 </div> 347 </li> 348 <li> 349 <div class="top-menu-item__wrapper"> 350 <a href="/research" aria-controls="sub-menu-researchers"> 351 <span>Researchers</span> 352 <span class="chevron" data-expanded="false"></span> 353 </a> 354 </div> 355 <div id="sub-menu-researchers" class="menu-sub flip-direction" data-visible="false" aria-expanded="false"> 356 <ul> 357 <li><a class="slide-out-only" href="/research">Researchers</a></li> 358 <li><a href="/research/conduct-a-study">Conduct A Study</a></li> 359 <li><a href="/researchers/assessments">VIA Assessments</a></li> 360 <li><a href="/research/findings">Research Findings</a></li> 361 <li><a href="/researchers/assessments/via-is-p">Psychometric Survey Data</a></li> 362 </ul> 363 </div> 364 </li> 365 <li class="mobile-only donate"> 366 <div class="top-menu-item__wrapper"> 367 <a href="/about/donate" aria-controls="sub-menu-researchers"> 368 <span>Support Our Work — Donate Now!</span> 369 <span class="chevron" data-expanded="false"></span> 370 </a> 371 </div> 372 </li> 373 </ul> 374 </nav> 375 </div> 376 </div> 377 </div> 378 379 380</header> 381 </div> 382 383 <div class="main__content"> 384 385 386 387 388 389<form id="registrationForm" method="post" action="/account/register"> 390 391 <input type="hidden" name="isMobileSite" id="isMobileSite" value="false" /> 392 <div class="register-top"> 393 <div class="container"> 394 <div class="site-container"> 395 <div class="row toprow"> 396 <div class="col-lg-6 toprow__description"> 397 <h1 class="register-header">The VIA Character<br />Strengths Survey</h1> 398 <h2 class="subhead">Get to know your greatest strengths.</h2> 399 <!-- Mockup --> 400 <div style="padding-right:20px;" class="register-top__top-bullets"> 401 <h3>Why take the survey?</h3> 402 The VIA Survey is the only free, scientific survey of character strengths in the world. Take this simple, 10 minute character test and discover your greatest strengths. Research shows that knowing and using your character strengths can help you: 403 <ul class="fa-ul"> 404 <li><i class="fa-li fas fa-check"></i> Increase happiness and well-being</li> 405 <li><i class="fa-li fas fa-check"></i> Find meaning and purpose</li> 406 <li><i class="fa-li fas fa-check"></i> Boost relationships</li> 407 <li><i class="fa-li fas fa-check"></i> Manage stress and health</li> 408 <li><i class="fa-li fas fa-check"></i> Accomplish goals</li> 409 </ul> 410 </div> 411 </div> 412 413 <div class="col-lg-6 register-box-container"> 414 <div style="width: 100%; display: flex;justify-content: center; background: white; border: 1px solid #dadce0; border-radius: 8px; padding: 8px;"> 415 <div style="height:18px;width:18px;margin-right:9px;"> 416 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="LgbsSe-Bz112c"><g><path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path><path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path><path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path><path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path><path fill="none" d="M0 0h48v48H0z"></path></g></svg> 417 </div> 418 <a href="/Account/LoginGoogle">Sign in with Google</a> 419 </div> 420 <div style="width: 100%; text-align: center; margin: 12px 0;"> OR </div> 421 <div class="row language-and-signin"> 422 <div class="col-lg-6" id="adult-language-selector"> 423 424 </div> 425 <div class="col-lg-6 register-box-signin"> 426 Already have an account? <a href="/account/login">Sign In</a> 427 </div> 428 </div> 429 430 <input type="hidden" id="IsUnder13RegistrationPage" name="IsUnder13RegistrationPage" value="false" /> 431 <div class="register-box-container__header row" style="flex-direction:row"> 432 Register to take a VIA Survey 433 </div> 434 <div class="row register-box"> 435 <div class="col-lg-12"> 436 437 <div class="register-box__note"> 438 <p style="font-size: 11px; font-style: normal; line-height: 20px;"> 439 You must be 13 years or older to register for an account. Children under 13 must have an adult register here or the adult may <a href="/account/login">sign in</a> for the child to take the VIA Youth Survey on their account. 440 </p> 441 </div> 442 443 <input type="hidden" id="surveyID" name="surveyID" value="110" /> 444 445 <input id="RedirectLocation" name="RedirectLocation" type="hidden" value="" /> 446 <input id="RegisterPageType" name="RegisterPageType" type="hidden" value="" /> 447 <input id="Variation" name="Variation" type="hidden" value="" /> 448 <input data-val="true" data-val-required="The FromPopup field is required." id="FromPo
448pup" name="FromPopup" type="hidden" value="False" /> 449 <input id="Country" name="Country" type="hidden" value="Armenia" /> 450 451 <div class="row"> 452 <div class="col-lg-6 name-section"> 453 <div class="form-group pad10"> 454 <label for="FirstName">FIRST NAME</label> 455 <input maxlength="90" class="my-form-control" data-test="first-name" type="text" data-val="true" data-val-maxlength="First name must be 30 characters or less" data-val-maxlength-max="30" data-val-required="First Name is Required" id="FirstName" name="FirstName" value="" /> 456 <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span> 457 <span id="firstNameError" class="field-validation-error d-none"></span> 458 459 </div> 460 </div> 461 462 <div class="col-lg-6 name-section"> 463 <div class="form-group pad10"> 464 <label for="LastName">LAST NAME</label> 465 <input maxlength="90" class="my-form-control" data-test="last-name" type="text" data-val="true" data-val-maxlength="Last name must be 30 characters or less" data-val-maxlength-max="30" data-val-required="Last Name is Required" id="LastName" name="LastName" value="" /> 466 <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span> 467 <span id="lastNameError" class="field-validation-error d-none"></span> 468 469 </div> 470 </div> 471 472 <div class="col-lg-2" id="age-section" style="display:none"> 473 <div class="form-group pad10"> 474 <label for="Age">AGE</label> 475 <input type="number" class="my-form-control" style="width: 65px;" id="Age" name="Age" value="" /><input name="__Invariant" type="hidden" value="Age" /> 476 <span class="field-validation-valid" data-valmsg-for="Age" data-valmsg-replace="true"></span> 477 </div> 478 </div> 479 </div> 480 481 <div id="email-and-password-section"> 482 <div class=" form-group pad10"> 483 <label for="Email">EMAIL ADDRESS</label> 484 <input maxlength="90" class="my-form-control" data-test="email" type="text" data-val="true" data-val-required="The Email field is required." id="Email" name="Email" value="" /> 485 <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span> 486 <span id="emailError" class="field-validation-error d-none"> 487 </span> 488 </div> 489 490 <div class=" form-group pad10"> 491 <label for="Email">LANGUAGE</label> 492 <div class="notranslate"> 493 <label for="languageCode" style="display:none;">Language: </label> 494 <select class="language-selector" id="languageCode" name="languageCode" onchange="javscript: setLanguage();"> 495 <option value="">Select Language</option> 496 <option value="af">Afrikaans</option> 497 <option value="ar">العربية</option> 498 <option value="ar-SA">العربية (المملكة العربية السعودية)</option> 499 <option value="bg-BG">български (България)</option> 500 <option value="cs-CZ">čeština (Česko)</option> 501 <option value="da">dansk</option> 502 <option value="de">
502Deutsch</option> 503 <option value="el-GR">Ελληνικά (Ελλάδα)</option> 504 <option selected value="en-us">English</option> 505 <option value="es">español</option> 506 <option value="fa">فارسی</option> 507 <option value="fi">suomi</option> 508 <option value="fil">Filipino</option> 509 <option value="fr">français</option> 510 <option value="he">עברית</option> 511 <option value="hi-IN">हिन्दी (भारत)</option> 512 <option value="hr">hrvatski</option> 513 <option value="hu-HU">magyar (Magyarország)</option> 514 <option value="hy">հայերեն</option> 515 <option value="id-ID">Indonesia (Indonesia)</option> 516 <option value="is">íslenska</option> 517 <option value="it">italiano</option> 518 <option value="ja">日本語</option> 519 <option value="ka-GE">ქართული (საქართველო)</option> 520 <option value="km-KH">ខ្មែរ (កម្ពុជា)</option> 521 <option value="ko">한국어</option> 522 <option value="lv">latviešu</option> 523 <option value="lv-LV">latviešu (Latvija)</option> 524 <option value="mn-MN">монгол (Монгол)</option> 525 <option value="mr">मराठी</option> 526 <option value="mr-IN">मराठी (भारत)</option> 527 <option value="ms-MY">Melayu (Malaysia)</option> 528 <option value="my-MM">မြန်မာ (မြန်မာ)</option> 529 <option value="nb">norsk bokmål</option> 530 <option value="nl">Nederlands</option> 531 <option value="pl">polski</option> 532 <option value="pt">Português (Portugal)</option> 533 <option value="PT-br">português (Brasil)</option> 534 <option value="ro-RO">română (România)</option> 535 <option value="ru-RU">русский (Россия)</option> 536 <option value="sl-SI">slovenščina (Slovenija)</option> 537 <option value="sq-AL">shqip (Shqipëri)</option> 538 <option value="sr">српски</option> 539 <option value="sv">svenska</option> 540 <option value="th-TH">ไทย (ไทย)</option> 541 <option value="tr">Türkçe</option> 542 <option value="twi">Twi</option> 543 <option value="uk-UA">українська (Україна)</option> 544 <option value="ur">اردو</option> 545 <option value="vi-VN">Tiếng Việt (Việt Nam)</option> 546 <option value="zh">中文</option> 547 <option value="zh-CN">中文(中国)</option> 548 <option value="zh-hk">中文(香港特別行政區)</option> 549 <option value="zh-TW">中文(台灣)</option> 550 </select> 551</div> 552
553<script> 554 VIA.delay(function () { 555 if ($('.dropdown-toggle').dropdown) { 556 $('.dropdown-toggle').dropdown(); 557 } 558 }) 559</script>
559 560 561
561<script> 562 function setLanguage() { 563 var selectedValue = $('#languageCode option:selected').val(); 564 if (selectedValue !== '') { 565 let url = '/languageselector/setlanguage?languageCode=' + selectedValue + '&sourceHash=' + ''; 566 fetch(url); 567 } 568 } 569 </script>
569 570 571 </div> 572 573 <div class="form-group pad10"> 574 <label for="Password">CREATE A PASSWORD</label> 575 <div class="input-group"></div> 576 <div style="position: relative"> 577 <input class="my-form-control" maxlength="90" type="password" data-test="password" data-val="true" data-val-minlength="Password must be at least 7 characters." data-val-minlength-min="7" data-val-regex="Password must contain uppercase, lowercase, and a number." data-val-regex-pattern="^(?=.*[A-Z])(?=.*[a-z])(?=.*\d).{7,}$" data-val-required="The Password field is required." id="Password" name="Password" /> 578 <i class="fas fa-eye" id="togglePassword" style="position: absolute; top:16px; right: 16px; cursor: pointer; color: #ccc"></i> 579 </div> 580 <span class="field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span> 581 <span id="passwordError" class="field-validation-error d-none"></span> 582 </div> 583 </div> 584 585 <div class="register-box__checkboxes"> 586 <div class="register-checkbox"> 587 <input type="checkbox" data-val="true" data-val-required="The ReceiveInformation field is required." id="ReceiveInformation" name="ReceiveInformation" value="true" /> 588 <label for="ReceiveInformation" data-test="receive-information"> 589 <!-- Mockup --> 590 Receive email communications with science-based character strengths tips, inspiration and strategies. 591 </label> 592 </div> 593 594 <div class="register-checkbox"> 595 <input type="checkbox" data-val="true" data-val-required="You must check that you have read the terms & conditions to continue" id="ReadTerms" name="ReadTerms" value="true" /> 596 <label for="ReadTerms" id="readTermsLabel" data-test="read-terms"> 597 I have read and understand the <a href="/terms-of-service" target="_blank">Terms & Conditions</a> of this agreement and understand some of the questions may refer to <span>sensitive data</span>. 598 </label> 599 </div> 600 <span id="readTermsError" class="field-validation-error d-none"></span> 601 602 </div> 603 604 <div class="g-recaptcha" data-sitekey="6LdUKeorAAAAACvrRRalQmL2_TElbKi767CiD1rU" data-size="invisible" data-callback="onCaptcha"></div> 605 606 </div> 607 </div> 608 609 610 <input type="hidden" value="False" name="VerifiedHuman" /> 611 <div class="row register-button" data-test="register-button"> 612 <div class="col-lg-12" id="register"> 613 REGISTER NOW 614 </div> 615 </div> 616 </div> 617 </div> 618 </div> 619 </div> 620 </div> 621<input name="ReceiveInformation" type="hidden" value="false" /><input name="ReadTerms" type="hidden" value="false" /></form> 622 623 <div class="container register-content"> 624 <div class="row register-content__middle-wrapper"> 625 <div class="col-lg-6"> 626 <div class="sample-question"> 627 <div class="sample-question__wrapper"> 628 <h6>Sample Survey Question</h6> 629 <p>
629Being able to come up with new and different ideas is one of my strong points.</p> 630 <div class="sample-question__answers-wrapper"> 631 <div class="sample-question__answer-wrapper"> 632 <div class="sample-question__answer-select"></div> 633 <div class="sample-question__answer-description"> 634 Very Much<br /> Unlike Me 635 </div> 636 </div> 637 <div class="sample-question__answer-wrapper"> 638 <div class="sample-question__answer-select"></div> 639 <div class="sample-question__answer-description"> 640 Unlike Me 641 </div> 642 </div> 643 <div class="sample-question__answer-wrapper"> 644 <div class="sample-question__answer-select selected"><i class="fas fa-check"></i></div> 645 <div class="sample-question__answer-description"> 646 Neutral 647 </div> 648 </div> 649 <div class="sample-question__answer-wrapper"> 650 <div class="sample-question__answer-select"></div> 651 <div class="sample-question__answer-description"> 652 Like Me 653 </div> 654 </div> 655 <div class="sample-question__answer-wrapper"> 656 <div class="sample-question__answer-select"></div> 657 <div class="sample-question__answer-description"> 658 Very Much<br /> Like Me 659 </div> 660 </div> 661 </div> 662 </div> 663 </div> 664 </div> 665 <div class="col-lg-6 register-quote__wrapper"> 666 <div class="quote register-quote"> 667 Millions of people have taken the free VIA survey to discover their greatest strengths so they can use them in their everyday lives. 668 </div> 669 </div> 670 </div> 671 <div class="row register__bottom-wrapper"> 672 <div class="col-lg-7 register__bottom-section"> 673 <h2 class="bar">How is a Report different from the free VIA Survey?</h2> 674 <p class="mt-4">Our free survey provides your rank order list of character strengths with the strengths that are most core to your identity at the top. A VIA Report provides personalized, in-depth analysis of your character strengths, including actionable tips to apply them to find greater well-being.</p> 675 <a class="action-link" href="/profile-reports">Explore Reports</a> 676 </div> 677 <div class="col-lg-5 register__bottom-section-image"> 678 <img class="img-fluid float-right" src="https://via-static.global.ssl.fastly.net/profile-page-bottom-image.jpg" /> 679 </div> 680 </div> 681 </div> 682 683 684 </div> 685 686 <div class="main__footer"> 687 <footer class="footer"> 688 <div class="footer__top"> 689 <div class="footer-newsletter__wrapper"> 690 <div class="tagline__wrapper"> 691 <div class="tagline-image__wrapper"> 692 <img srcset="https://static.viacharacter.org/web/via_brandmark.png, 693 https://static.viacharacter.org/web/[email protected] 2x" 694 src="https://static.viacharacter.org/web/via_brandmark.png" 695 alt="VIA Institute On Character" loading="lazy"> 696 </div> 697 <div class="tagline-text__wrapper"> 698 <span>The science of strengths.<br />The practice of well-being.</span> 699 </div> 700 </div> 701 702 <div class="newsletter__wrapper"> 703 <div class="klaviyo-form-QRQzJw"></div> 704 </div> 705 </div> 706 </div> 707 <div class="footer__middle"> 708 <div class="footer__links"> 709 <div class="links__logo"> 710 <a href="/"> 711 <img srcset="https://static.viacharacter.org/web/via_brandmark_white.png, 712 https://static.viacharacter.org/web/[email protected] 2x" 713 src="https://static.viacharacter.org/web/via_brandmark_white.png" 714 alt="VIA Institute On Character" loading="lazy"> 715 </a> 716 </div> 717 <nav class="links__nav"> 718 <ul> 719 <li><a href="/about">About</a></li> 720 <li><a href="/news">News</a></li> 721 <li><a href="/faq">FAQ</a></li> 722 <li><a href="/about/contact">Contact</a></li> 723 <li><a href="/about/donate">Donate</a></li> 724 </ul> 725 </nav> 726 <div class="links__social"> 727 <ul> 728 <li><a href="https://www.facebook.com/VIAstrengths/" target="_blank"><i class="fab fa-facebook-f" title="Facebook"></i></a></li> 729 <li><a href="https://www.instagram.com/viastrengths/" target="_blank"><i class="fab fa-instagram" title="Instagram"></i></a></li> 730 <li><a href="https://www.youtube.com/user/VIAStrengths" target="_blank"><i class="fab fa-youtube" title="YouTube"></i></a></li> 731 <li><a href="https://www.linkedin.com/company/via-institute-on-character" target="_blank"><i class="fab fa-linkedin-in" title="Linked-In"></i></a></li> 732 </ul> 733 </div> 734 </div> 735 </div> 736 <div class="footer__bottom"> 737 <div class="footer__bottom-wrapper"> 738 <div class="copyright-column"> 739 © 2026 VIA Institute on Character. All rights reserved. 740 </div> 741 <div class="links-column"> 742 <ul class="links"> 743 <li><a href="/terms-of-service">Terms of Service</a></li> 744 <li><a href="/privacy-policy">Privacy Policy</a></li> 745 </ul> 746 </div> 747 </div> 748 <div class="footer__affiliate-wrapper"> 749 <div></div> 750 <div class="contentful__wrapper"> 751 <img src="https://static.viacharacter.org/web/contentful.webp" loading="lazy" alt="Contentful" /> 752 <div>Powered by <a href="https://www.contentful.com" target="_blank">Contentful</a></div> 753 </div> 754 </div> 755 </div> 756</footer> 757 </div> 758 </main> 759 760
760<script> 761 const userEmail = '' 762 </script>
762 763 764
764<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
764 765
765<script defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
vendor: 96 bytes, lines 765-773
765 766 767 768 <script src="https://www.google.com/recaptcha/api.js"></script> 769 770 771 772 773
773<script src="/js/site.min.js?v=KJL2Q_U7NUv8XxhZ4qCrQMcsnxuV2m1GDVLx7q4Fzo4"></script>
773 774
774<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
774 775 776 777 <!-- https://stackoverflow.com/questions/44511334/javascript-in-a-view-component --> 778
778<script>VIA.delay = function (f) { setTimeout(f, 1) }; if (VIA.delayed) { VIA.delay(VIA.delayed); VIA.delayed = null; }</script>
778 779
779<script> 780 VIA.loadScript = (function () { 781 var ie = null; 782 if (/MSIE ([^;]+)/.test(navigator.userAgent)) { 783 var version = parseInt(RegExp['$1'], 10); 784 if (version) 785 ie = { 786 version: parseInt(version, 10) 787 }; 788 } 789 790 var assets = {}; 791 792 return function (url, callback, attributes) { 793 794 attributes || (attributes = {}); 795 796 var onload = function (url) { 797 assets[url].loaded = true; 798 while (assets[url].callbacks.length > 0) 799 assets[url].callbacks.shift()(); 800 }; 801 802 if (assets[url]) { 803 804 if (assets[url].loaded) 805 callback(); 806 807 assets[url].callbacks.push(callback); 808 809 } else { 810 811 assets[url] = { 812 loaded: false, 813 callbacks: [callback] 814 }; 815 816 var script = document.createElement('script'); 817 script.type = 'text/javascript'; 818 script.async = true; 819 script.src = url; 820 821 for (var attribute in attributes) 822 if (attributes.hasOwnProperty(attribute)) 823 script.setAttribute(attribute, attributes[attribute]); 824 825 // can't use feature detection, as script.readyState still exists in IE9 826 if (ie && ie.version < 9) 827 script.onreadystatechange = function () { 828 if (/loaded|complete/.test(script.readyState)) 829 onload(url); 830 }; 831 else 832 script.onload = function () { 833 onload(url); 834 }; 835 836 document.getElementsByTagName('head')[0].appendChild(script); 837 } 838 }; 839 }()); 840 </script>
840 841 842 843
843<script> 844 var isYouthRegistration = false; 845 </script>
845 846 847
847<script> 848 var allowSkipRegistration = false; 849 </script>
849 850 851
851<script> 852 853 var disabledText = 'REGISTER NOW'; 854 var disabledTextTooYoung = 'AN ADULT MUST REGISTER FOR YOUTH UNDER 13'; 855 var enabledText = 'BEGIN THE SURVEY' + ' <i class="fas fa-arrow-right"></i>'; 856 var verifiedHuman = false; 857 var formSubmitted = false; 858 859 860 function disableRegisterButton() { 861 var button = $('#register'); 862 $('.register-button').addClass("disabled"); 863 //button.attr("disabled", "disabled"); 864 button.html(disabledText); 865 } 866 867 function enableRegisterButton() { 868 var button = $('#register'); 869 $('.register-button').removeClass("disabled"); 870 //button.removeAttr('disabled'); 871 button.html(enabledText); 872 873 if (formSubmitted == true) { 874 button.attr("disabled", "disabled"); 875 } 876 } 877 878 function updateRegisterButton(e) { 879 880 var firstNameFilled = $('#FirstName').val() != undefined && $('#FirstName').val().length > 0; 881 var lastNameFilled = $('#LastName').val() != undefined && $('#LastName').val().length > 0; 882 var emailFilled = $('#Email').val() != undefined && $('#Email').val().length > 0; 883 var passFilled = $('#Password').val() != undefined && $('#Password').val().length > 0; 884 var readTermsChecked = $('#ReadTerms').is(':checked'); 885 var ageFilled = $('#Age').val() != undefined && $('#Age').val().length > 0; 886 if(e!==undefined) 887 clearAllErrorMessages(); 888 var age = $('#Age').val(); 889 if (allowSkipRegistration) { 890 if (!firstNameFilled || !lastNameFilled || !readTermsChecked) { 891 disableRegisterButton(); 892 return; 893 } 894 } else { 895 if (isYouthRegistration && ageFilled && age < 13) { 896 if (!firstNameFilled || !lastNameFilled || !ageFilled || !readTermsChecked) { 897 disableRegisterButton(); 898 return; 899 } 900 } else if (!firstNameFilled || !lastNameFilled || !emailFilled || !passFilled || !readTermsChecked || (isYouthRegistration && !ageFilled)) { 901 disableRegisterButton(); 902 return; 903 } 904 } 905 906 clearAllErrorMessages(); 907 enableRegisterButton(); 908 } 909 910 $(document).ready(function () { 911 //ga('send', 'event', 'page', 'view', 'RegisterA', '1', { 'nonInteraction': true }); 912 updateRegisterButton(); 913 914 if (isMobileSite()) { 915 $('#isMobileSite').val('true'); 916 } 917 918 const togglePassword = document.querySelector('#togglePassword'); 919 const password = document.querySelector('#Password'); 920 togglePassword.addEventListener('click', function (e) { 921 // toggle the type attribute 922 const type = password.getAttribute('type') === 'password' ? 'text' : 'password'; 923 password.setAttribute('type', type); 924 // toggle the eye / eye slash icon 925 this.classList.toggle('fa-eye-slash'); 926 }); 927 }); 928 929 var onCaptcha = function (token) { 930 $('#registrationForm').submit(); 931 } 932 933 $('#FirstName').on('change', updateRegisterButton); 934 $('#LastName').on('change', updateRegisterButton); 935 $('#Email').on('change', updateRegisterButton); 936 $('#Password').on('change', updateRegisterButton); 937 $('#ReadTerms').on('change', updateRegisterButton); 938 $('#Age').on('change', updateRegisterButton); 939 940 $('.register-button').click(function (e) { 941 clearAllErrorMessages(); 942 if (allowSkipRegistration || isYouthRegistration) { 943 944 let age = $('#Age').val(); 945 946 if (isYouthRegistration) { 947 let ageIsValid = $('#Age').val() != undefined && $('#Age').val().length > 0 && $('#Age').val() > 5; 948 949 if (!ageIsValid) { 950 showErrorMessageFor("firstNameError","Age","You must enter a valid age"); 951 return; 952 } 953 } 954 955 if (age < 13 || allowSkipRegistration) { 956 let firstNameFilled = $('#FirstName').val() != undefined && $('#FirstName').val().length > 0; 957 let lastNameFilled = $('#LastName').val() != undefined && $('#LastName').val().length > 0; 958 if (!firstNameFilled) { 959 showErrorMessageFor("firstNameError","FirstName","You must enter the First name"); 960 return; 961 } else if (!lastNameFilled) { 962 showErrorMessageFor("lastNameError","LastName","You must enter the Last name"); 963 return; 964 } else { 965 $('#registrationForm').submit(); 966 return; 967 } 968 } 969 } 970 let firstNameFilled=$('#FirstName').val() != undefined && $('#FirstName').val().length > 0; 971 let lastNameFilled=$('#LastName').val() != undefined && $('#LastName').val().length > 0; 972 let emailFilled = $('#Email').val() != undefined && $('#Email').val().length > 0; 973 let passFilled = $('#Password').val() != undefined && $('#Password').val().length > 0; 974 let readTermsChecked = $('#ReadTerms').is(':checked') || $('#ReadTermsYouth').is(':checked'); 975 let isEmailValid = isValidEmail($('#Email').val()) 976 let isPassValid = isValidPassword($('#Password').val()) 977 978 if (!firstNameFilled) { 979 showErrorMessageFor("firstNameError","FirstName","You must enter the First name") 980 }else if (!lastNameFilled) { 981 showErrorMessageFor("lastNameError","LastName","You must enter the Last name") 982 }else if(!emailFilled){ 983 showErrorMessageFor("emailError","Email","You must enter the Email to continue") 984 }else if(emailFilled&&!isEmailValid){ 985 showErrorMessageFor("emailError","Email","You must enter the valid Email to continue") 986 }else if(!passFilled){ 987 showErrorMessageFor("passwordError","Password","You must specify a password of 7 or more characters") 988 }else if(!passFilled||!isPassValid){ 989 showErrorMessageFor("passwordError","Password","Password must be at least 7 characters and contain uppercase, lowercase, and a number.") 990 }else if (!readTermsChecked) { 991 showErrorMessageFor("readTermsError","ReadTerms","You must agree to the terms to continue") 992 }else if (!$(this).hasClass('alreadySubmitted')) { 993 $(this).addClass('alreadySubmitted'); 994 if (verifiedHuman) { 995 $('#registrationForm').submit(); 996 } else { 997 e.preventDefault(); 998 grecaptcha.execute(); 999 } 1000 } 1001 }); 1002 1003 function isValidEmail(email) { 1004 if(email===undefined||email==="") return false 1005 const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 1006 return emailRegex.test(email); 1007 } 1008 function isValidPassword(password) { 1009 if(password===undefined||password==="") return false 1010 const passwordRegex = /^(?=.*[A-Z])(?=.*[a-z])(?=.*\d).{7,}$/; 1011 return passwordRegex.test(password); 1012 } 1013 function showErrorMessageFor(id,inputId,message){ 1014 $("#"+id).removeClass("d-none") 1015 $("#"+inputId).addClass("input-validation-error") 1016 $("#"+id).html(message) 1017 } 1018 function clearAllErrorMessages(){ 1019 $(".field-validation-error").addClass("d-none") 1020 $(".my-form-control").removeClass("input-validation-error") 1021 } 1022 </script>
1022 1023 1024 1025 1026
1026<script type="text/javascript"> 1027 var app = new Vue({ 1028 el: '#vueAppTemplate', 1029 mixins: mixinArray, 1030 data: { 1031 appMessage: 'Test' 1032 }, 1033 methods: { 1034 } 1035 }) 1036 </script>
1036 1037 1038 1039 1040 1041 1042
1042<script> 1043 function ga4AddToCart(e) { 1044 if (!Array.isArray(window.dataLayer)||!e.href?.includes("/CombinedStore/")) 1045 return 1046 //Find the view_item_list event in dataLayer and get the itmes in ecommerce4 1047 //reverse the array first to get the latest view_item_list 1048 let itemList =window.dataLayer.find( 1049 item => item.event === "view_item_list" && Array.isArray(item.ecommerce4?.items) 1050 )?.ecommerce4?.items||[]; 1051 //Find the selected item 1052 let item = itemList?.find((item) => { 1053 return item.item_id == e.name 1054 }) 1055 if (item !== undefined) { 1056 window.dataLayer.push({ ecommerce4: null }); 1057 window.dataLayer.push({ 1058 'event': 'add_to_cart', 1059 'ecommerce4': { 1060 'items': [item] 1061 } 1062 }); 1063 } 1064 1065 } 1066 </script>
1066 1067 <!-- Begin Give Lively Fundraising 1068Widget -->â 1069
1070<script>gl=document.createElement('script');gl.src='https://secure.givelively.org/widgets/branded_donation/via-institute-on-character/make-a-donation.js';document.getElementsByTagName('head')[0].appendChild(gl);</script>
1070 1071 1072<!-- End Give Lively Fundraising 1073Widget --> 1074</body> 1075</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.