DMV Login

<!DOCTYPE html> <html class="wf-playfairdisplay-n7-active wf-playfairdisplay-n4-active wf-playfairdisplay-n6-active wf-sourcesanspro-n4-active wf-sourcesanspro-n7-active wf-active" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="UTF-8"> <meta name="robots" content="noindex"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <title>DMV Login</title> <meta name="page-identifier" content="myDmvLoginPage"> <script async src="https://www.googleoptimize.com/optimize.js?id=GTM-5BSDFST"></script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KHCVGH4');</script>  <script src="/../imageserver/theme_10up/js/webfont.js" type="text/javascript" async=""></script> <script type="text/javascript"> const cdnUrl = ((host) => { const part = "dmv.ca.gov/dmv-cdn/"; return `https://cdn.${ host.substring(0, 4) == "wsi2" ? `uat.${part}${host.substring(4)}` : `${part}prod` }/`; })(window.location.hostname.split(".")[0]); (() => { var scr = document.createElement('script'); scr.src = cdnUrl + 'isam/customelements/GoogleTranslate.js'; document.getElementsByTagName('HEAD')[0].appendChild(scr); })(); </script> <link type="text/css" rel="stylesheet" href="/../imageserver/theme_10up/css/uhf-style.css"> <link rel="stylesheet" href="/../imageserver/theme_10up/css/css.css" media="all"> <link type="text/css" rel="stylesheet" charset="UTF-8" href="/../imageserver/theme_10up/css/auth.css"> <link type="text/css" rel="stylesheet" charset="UTF-8" href="/../imageserver/theme_10up/css/spruce.css"> <link rel='manifest' href='/portal/wp-content/themes/dmv/manifest.json' /><link rel="icon" href="/portal/uploads/2020/02/cropped-dmv_favicon_Final_png-1-32x32.png" sizes="32x32" /> <link rel="icon" href="/portal/uploads/2020/02/cropped-dmv_favicon_Final_png-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="/portal/uploads/2020/02/cropped-dmv_favicon_Final_png-1-180x180.png" /> <meta name="msapplication-TileImage" content="/portal/uploads/2020/02/cropped-dmv_favicon_Final_png-1-270x270.png" /> <style> .dos-header-notice.alert, .dos-header-notice.alert h2, .dos-header-notice.alert strong { color: #b91818; color: var(--c-red); } .dos-header-notice.alert { background-color: #fdf0ec; background-color: var(--c-orange-10-hex); } .dos-header-notice { padding: 2rem 1rem; position: relative; z-index: 100; } .dmv-wallet-row{ margin-bottom:8px; } .dmv-wallet-login-icon{ height:42px; } .dmv-wallet-login-link{ padding-left:10px; } .dmv-wallet-login h3 { width: 100%; text-align: center; border-bottom: 1px solid #0077c8; line-height: 0.1em; margin: 10px 0 20px; color: #0077c8; color: var(--c-dmv-blue); } .dmv-wallet-login h3 span { background:#FFF; padding:0 10px; } .dmv-wallet-login-input{ display: flex; justify-content: center; align-items: center; } .dmv-wallet-login-group { display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mydmv-row{ margin-bottom:24px; } .mydmv-row strong{ font-weight: 900; } </style> <style id="antiClickjack"> body { display: none !important; } </style> <script type="text/javascript"> if (self === top) { var antiClickjack = document.getElementById("antiClickjack"); antiClickjack.parentNode.removeChild(antiClickjack); } else { top.location = self.location; } </script> <script> const wsurl = "https://www.dmv.ca.gov/portal/mydmv"; (() => { var scr = document.createElement('script'); scr.src = cdnUrl + 'isam/js/login.js'; document.getElementsByTagName('HEAD')[0].appendChild(scr); })(); </script> <script type="text/javascript"> (() => { var fa_link = document.createElement( "link" ); fa_link.href = cdnUrl + "isam/css/fontawesome.min.css"; fa_link.type = "text/css"; fa_link.rel = "stylesheet"; fa_link.media = "screen,print"; document.getElementsByTagName( "head" )[0].appendChild( fa_link ); })(); </script> </head> <body aria-describedby="move-helper-text"> <div class="dos-header-notice alert" id="dos-notice" style="display: none;"> <div class="container container--full"> <div id="dos-content"></div> </div> </div> <a class="skip-link screen-reader-text" href="#main">Skip to content</a> <header class="site-header ca-dmv-wallet--hide" id="js-site-header" role="banner" itemscope="itemscope" itemtype="http://schema.org/WPHeader"> <div class="site-header__inner"> <div class="site-header__top-bar"> <div class="container container--full"> <div class="site-header__ca-logo"> <a class="site-header__ca-logo-link" href="https://www.ca.gov/"> <img class="site-header__ca-logo-img" src="/../imageserver/theme_10up/images/logo-ca-gov.svg" alt="California State Logo"> <span class="screen-reader-text">State of California</span> </a> </div> <a class="site-header__ca-dmv-logo" href="https://www.dmv.ca.gov/portal/"> <img class="site-header__ca-dmv-logo-img" src="/../imageserver/theme_10up/images/logo-ca-dmv-white.svg" alt="California State Department of Motor Vehicles Logo"> <span class="screen-reader-text">State of California Department of Motor Vehicles</span> </a> <div class="site-header__top-bar-links"></div> <google-translate></google-translate> <a href="#js-site-header__main-nav" id="js-menu-toggle" class="site-menu-toggle" aria-expanded="false" aria-controls="js-primary-nav"> <span class="screen-reader-text">Primary Menu</span> <div class="burger-menu" id="js-burger-menu"> <div class="burger"></div> </div> </a> </div> </div> <div class="site-header__main"> <div class="container container--full"> <div class="site-header__main-nav" id="js-site-header__main-nav"> <nav id="js-nav-primary" class="nav-primary" role="navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement" aria-label="Primary Navigation"> <div class="menu-primary-menu-container"> <ul id="js-utility-nav__nav-menu" class="nav-primary__menu"> <li id="14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"> <a href="https://www.dmv.ca.gov/portal/"> Home </a> </li> </ul> </div> </nav> </div> </div> </div> </div> </header> <main id="main" class="main" role="main"> <div class="hero hero--tab ca-dmv-wallet--hide"> <div class="container container--full"> <div class="hero__content"> <h1 class="hero__title">LOG IN</h1> </div> </div> </div> <div class="page-wrapper"> <div class="container container--full ca-dmv-wallet-container-override"> <div class="content-wrapper content-wrapper--pad content-wrapper--offset ca-dmv-wallet--wrapper-content"> <div class="hero hero--tab ca-dmv-wallet--show"> <div class="container container--full ca-dmv-wallet-container-override"> <div class="hero__content"> <div class="hero__logo"> <img src="/../imageserver/theme_10up/images/logo-ca-dmv-teal.svg" alt="CA DMV Logo" /> </div> <p class="hero__subtitle">Log in to your MyDMV account</p> </div> </div> </div> <div class="content-block"> <div class="heading-wrapper heading-wrapper--hr ca-dmv-wallet--hide"> <h2 class="heading heading-3">Welcome Back</h2> </div> <noscript> <p> <strong>WARNING:</strong> To maintain your log in session, make sure that your browser is configured to accept Cookies. </p> </noscript> <div id="errors-container" class="notify-block heading"> <div class="notify error"> <div class="notify-block__content"> <p></p> </div> </div> </div> <div id="ca-dmv-wallet-account-message" class="notify-block heading ca-dmv-wallet--show"> <div class="notify warning"> <div class="notify-block__content"> <p>Please use the account email associated with your own driver's license/ID.</p> </div> </div> </div>  <div class="ca-dmv-wallet--hide dmv-input--row dmv-input--lg dmv-wallet-row"> <div class="dmv-wallet-input"> <div class="dmv-wallet-login-group" id="wallet-icon-div"> <div class="dmv-wallet-login-link"> <p><a class="env-link" href="/isam/sps/oidc/rp/dmv_rp/kickoff/opencred">Log in with CA DMV Wallet App</a> <br>No password needed </p> </div> </div> </div> </div> <p class="ca-dmv-wallet--hide mydmv-row"> <strong>MyDMV</strong> </p> <p class="ca-dmv-wallet--hide"> <strong>Not Registered?</strong> In order to log in, you will first need to <strong><a id="acct-create-href" href="/mga/sps/authsvc?PolicyId=urn:ibm:security:authentication:asf:dmvUscAccountCreate" class="env-link">create an account</a>. </strong> </p> <div id="emailwarn" class="notify-block heading" style="display: none"> <div class="notify warning"> <div class="notify-block__content"> <p>To access your business account, log in with your business email.</p> </div> </div> </div> <form id="idm-form" name="form" action="/pkmslogin.form" method="post" autocomplete="off"> <fieldset class="dmv-field-group"> <div class="dmv-input dmv-input--row dmv-input--lg"> <div class="dmv-input__field-col"> <label for="username">Email</label> <input type="email" id="username" name="username" minlength="4" maxlength="125" placeholder="Email" autofocus="autofocus" required="required"> <p class="ca-dmv-wallet--hide"> <a id="pre-rereg-href" href="/mga/sps/authsvc?PolicyId=urn:ibm:security:authentication:asf:dmvUscPreReRegister"> No longer have access to your email address?</a> </p> </div> </div> <div class="dmv-input dmv-input--row dmv-input--lg"> <div class="dmv-input__field-col"> <label for="password">Password</label> <input type="password" id="password" name="password" placeholder="Password" required="required"> <i class="far fa-eye" id="togglePassword" style="position: absolute; top: 41px; cursor: pointer; left: 95%;"></i> <p> <a id="forgot-password-href" href="/mga/sps/authsvc?PolicyId=urn:ibm:security:authentication:asf:dmvUscPasswordReset">Forgot your password?</a> </p> </div> </div> <p class="ca-dmv-wallet--show"> <strong>Not Registered?</strong> In order to log in, you will first need to <strong><a id="mdl-acct-create-href" href="/mga/sps/authsvc?PolicyId=urn:ibm:security:authentication:asf:dmvUscAccountCreate" class="env-link">create an account</a>. </strong> </p> <div class="dmv-input"> <div class="dmv-cta-group"> <button class="btn btn-primary" type="submit" id="login-button" style=" margin-right:0;">Log in</button> </div> </div> </fieldset> <input type="hidden" name="login-form-type" value="pwd" /> </form> <div class="ca-dmv-wallet--hide"> <h3>Additional Information</h3> <ul> <li><a target="_blank" rel="noopener noreferrer" href="https://www.dmv.ca.gov/portal/privacy-and-security/">Privacy and Security</a></li> <li><a target="_blank" rel="noopener noreferrer" href="https://www.dmv.ca.gov/portal/customer-service/report-an-issue-or-complaint/dmv-technical-support/">Technical Support</a></li> </ul> </div> </div> </div> </div> </div> </main> <footer class="footer-main ca-dmv-wallet--hide"> <nav class="nav-footer container container-wide" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement" aria-label="Footer Navigation"></nav> <div class="container container-wide"> <div class="copyright-social horiz space-between"> Copyright © <script> document.write(new Date().getFullYear()) </script> State of California </div> </div> </footer> <script> function addScript(src, onload) { var script = document.createElement('script'); script.setAttribute("src", src); document.body.appendChild(script); script.addEventListener('load',onload); } function setCookie(name, value, hours) { var expires = ""; if (hours) { var date = new Date(); date.setTime(date.getTime() + (hours*3600*1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } function generateUUID() { function ff(s) { var pt = (Math.random().toString(16)+"000000000").substr(2,8); return s ? "-" + pt.substr(0,4) + "-" + pt.substr(4,4) : pt ; } return ff() + ff(true) + ff(true) + ff(); } (() => { const pid = new URLSearchParams(window.location.search).get("PartnerId"); if(pid) { document.getElementById("idm-form").action = "/pkmslogin.form?PartnerId=" + pid; if(pid==="ca-dmv-wallet") { document.body.classList.add("ca-dmv-wallet"); // LN DA var profilingDomain = "deviceauth.dmv.ca.gov"; var orgId = "7etjlrp1"; var lnSessionId = generateUUID(); addScript( "/../web/js/tmres.js", function(){ console.log("Script is loaded, Session ID="+lnSessionId); dGhyZWF0bWV0cml4.profile(profilingDomain, orgId, lnSessionId); setCookie("lnSessionId", lnSessionId, 0.25); }); } } })(); </script> <script type="text/javascript" src="/../imageserver/theme_10up/js/frontend.js"></script> <div id="move-helper-text" style="position: absolute; top: -999em; left: -999em;">Some areas of this page may shift around if you resize the browser window. Be sure to check heading and document order.</div> <script src="/local/js/wsi-util.js" type="text/javascript"></script> <script> // Toggle password visibility for eye icon const togglePassword = document.querySelector('#togglePassword'); const password = document.querySelector('#password'); togglePassword.addEventListener('click', function (e) { // toggle the type attribute const type = password.getAttribute('type') === 'password' ? 'text' : 'password'; password.setAttribute('type', type); // toggle the eye slash icon this.classList.toggle('fa-eye-slash'); }); // remove authentication cookie eraseCookie('iv_user'); updateTargetOnLoginPage("https://www.dmv.ca.gov/portal/mydmv", ""); window.onload = function() { const host = window.location.hostname; let env; let cdnHost; switch (host) { case 'wsi2dev.dmv.ca.gov': env = 'dev'; cdnHost = 'cdn.uat.dmv.ca.gov'; break; case 'wsi2it.dmv.ca.gov': env = 'it'; cdnHost = 'cdn.uat.dmv.ca.gov'; break; case 'wsi2st.dmv.ca.gov': env = 'st'; cdnHost = 'cdn.uat.dmv.ca.gov'; break; case 'wsi2uat.dmv.ca.gov': env = 'uat'; cdnHost = 'cdn.uat.dmv.ca.gov'; break; case 'www.dmv.ca.gov': env = 'prod'; cdnHost = 'cdn.dmv.ca.gov'; break; case 'benefits.calitp.org': env = 'prod'; break; default: console.log('No hostname found'); } var pageId = "4"; var ivrCacheScript; (function() { var sPath = `https://${cdnHost}/dmv-design-system/${env}/styleguide/dist/js/ivr-voice-cache.js`; var rand = (Math.random() + "").substring(8); var s = document.createElement('script'); s.src = sPath + "?" + rand; s.id = "_ivr_cache" document.body.appendChild(s); ivrCacheScript = document.querySelector("#_ivr_cache"); }()); ivrCacheScript.addEventListener("load", function() { var ivrScript = document.querySelector("#_ivr"); ivrScript.addEventListener("load", function() { window.setIvrPage(pageId, 'login'); }); }); preventSpacesInInput("#username"); }; var walletIcon = document.createElement('img'); walletIcon.src = cdnUrl + 'isam/images/mdl/ca-dmv-wallet-icon.png'; walletIcon.alt = 'Wallet Login with mDL logo'; walletIcon.className='dmv-wallet-login-icon'; var walletIconDiv = document.getElementById('wallet-icon-div'); walletIconDiv.prepend(walletIcon); let dosMessageURL = cdnUrl + 'isam/json/dosmessage.json'; async function getDosMessage(url){ let response = await fetch(url); return await response.json(); } getDosMessage(dosMessageURL).then(data => { let dosMessage = data.message; if(dosMessage.length>0){ document.getElementById("dos-notice").style.display = "block"; dosContentDiv = document.getElementById("dos-content"); let content = document.createTextNode(dosMessage); dosContentDiv.appendChild(content); } }); </script>  </body> </html>

CINXE.COM

DMV Login