CINXE.COM
Sign In
<!DOCTYPE html> <html lang="en-US"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1"/> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <meta http-equiv="cache-control" content="no-cache,no-store"/> <meta http-equiv="pragma" content="no-cache"/> <meta http-equiv="expires" content="-1"/> <meta name='mswebdialog-title' content='Connecting to HawkID Login for Office 365'/> <title>Sign In</title> <script type='text/javascript'> //<![CDATA[ function LoginErrors(){this.userNameFormatError = 'Enter your user ID in the format \u0026quot;domain\\user\u0026quot; or \u0026quot;user@domain\u0026quot;.'; this.passwordEmpty = 'Enter your password.'; this.passwordTooLong = 'Password is too long (\u0026gt; 128 characters).';}; var maxPasswordLength = 128; //]]> </script> <script type='text/javascript'> //<![CDATA[ // Copyright (c) Microsoft Corporation. All rights reserved. function InputUtil(errTextElementID, errDisplayElementID) { if (!errTextElementID) errTextElementID = 'errorText'; if (!errDisplayElementID) errDisplayElementID = 'error'; this.hasFocus = false; this.errLabel = document.getElementById(errTextElementID); this.errDisplay = document.getElementById(errDisplayElementID); }; InputUtil.prototype.canDisplayError = function () { return this.errLabel && this.errDisplay; } InputUtil.prototype.checkError = function () { if (!this.canDisplayError){ throw new Error ('Error element not present'); } if (this.errLabel && this.errLabel.innerHTML) { this.errDisplay.style.display = ''; var cause = this.errLabel.getAttribute('for'); if (cause) { var causeNode = document.getElementById(cause); if (causeNode && causeNode.value) { causeNode.focus(); this.hasFocus = true; } } } else { this.errDisplay.style.display = 'none'; } }; InputUtil.prototype.setInitialFocus = function (input) { if (this.hasFocus) return; var node = document.getElementById(input); if (node) { if ((/^\s*$/).test(node.value)) { node.focus(); this.hasFocus = true; } } }; InputUtil.prototype.setError = function (input, errorMsg) { if (!this.canDisplayError) { throw new Error('Error element not present'); } input.focus(); if (errorMsg) { this.errLabel.innerHTML = errorMsg; } this.errLabel.setAttribute('for', input.id); this.errDisplay.style.display = ''; }; InputUtil.makePlaceholder = function (input) { var ua = navigator.userAgent; if (ua != null && (ua.match(/MSIE 9.0/) != null || ua.match(/MSIE 8.0/) != null || ua.match(/MSIE 7.0/) != null)) { var node = document.getElementById(input); if (node) { var placeholder = node.getAttribute("placeholder"); if (placeholder != null && placeholder != '') { var label = document.createElement('input'); label.type = "text"; label.value = placeholder; label.readOnly = true; label.style.position = 'absolute'; label.style.borderColor = 'transparent'; label.className = node.className + ' hint'; label.tabIndex = -1; label.onfocus = function () { this.nextSibling.focus(); }; node.style.position = 'relative'; node.parentNode.style.position = 'relative'; node.parentNode.insertBefore(label, node); node.onkeyup = function () { InputUtil.showHint(this); }; node.onblur = function () { InputUtil.showHint(this); }; node.style.background = 'transparent'; node.setAttribute("placeholder", ""); InputUtil.showHint(node); } } } }; InputUtil.focus = function (inputField) { var node = document.getElementById(inputField); if (node) node.focus(); }; InputUtil.hasClass = function(node, clsName) { return node.className.match(new RegExp('(\\s|^)' + clsName + '(\\s|$)')); }; InputUtil.addClass = function(node, clsName) { if (!this.hasClass(node, clsName)) node.className += " " + clsName; }; InputUtil.removeClass = function(node, clsName) { if (this.hasClass(node, clsName)) { var reg = new RegExp('(\\s|^)' + clsName + '(\\s|$)'); node.className = node.className.replace(reg, ' '); } }; InputUtil.showHint = function (node, gotFocus) { if (node.value && node.value != '') { node.previousSibling.style.display = 'none'; } else { node.previousSibling.style.display = ''; } }; InputUtil.updatePlaceholder = function (input, placeholderText) { var node = document.getElementById(input); if (node) { var ua = navigator.userAgent; if (ua != null && (ua.match(/MSIE 9.0/) != null || ua.match(/MSIE 8.0/) != null || ua.match(/MSIE 7.0/) != null)) { var label = node.previousSibling; if (label != null) { label.value = placeholderText; } } else { node.placeholder = placeholderText; } } }; //]]> </script> <link rel="stylesheet" type="text/css" href="/adfs/portal/css/style.css?id=F245253EFE217C0F7181D18831BE9F4741CA8E5E9234BC0584E6C93501E02123" /> </head> <body dir="ltr" class="body"> <div id="noScript" style="position:static; width:100%; height:100%; z-index:100"> <h1>JavaScript required</h1> <p>JavaScript is required. This web browser does not support JavaScript or JavaScript in this web browser is not enabled.</p> <p>To find out if your web browser supports JavaScript or to enable JavaScript, see web browser help.</p> </div> <script type="text/javascript" language="JavaScript"> document.getElementById("noScript").style.display = "none"; </script> <div id="fullPage"> <div id="brandingWrapper" class="float"> <div id="branding"></div> </div> <div id="contentWrapper" class="float"> <div id="content"> <div id="header"> <h4>HawkID Login for Office 365</h4> </div> <main> <div id="workArea"> <div id="authArea" class="groupMargin"> <div id="loginArea"> <div id="loginMessage" class="groupMargin">Sign in</div> <form method="post" id="loginForm" autocomplete="off" novalidate="novalidate" onKeyPress="if (event && event.keyCode == 13) Login.submitLoginRequest();" action="/adfs/ls/?wa=wsignin1.0&wtrealm=urn:federation:MicrosoftOnline&wctx=wa%3Dwsignin1.0%26rpsnv%3D4%26rver%3D6.4.6456.0%26wp%3DMCMBI%26wreply%3Dhttps:%252F%252Fportal.office.com%26lc%3D1033%26id%3D501392%26LoginOptions%3D3&client-request-id=1b9eae0c-3a89-4a07-2414-0080000000f4" > <div id="error" class="fieldMargin error smallText"> <span id="errorText" for="" aria-live="assertive" role="alert"></span> </div> <div id="formsAuthenticationArea"> <div id="userNameArea"> <label id="userNameInputLabel" for="userNameInput" class="hidden">User Account</label> <input id="userNameInput" name="UserName" type="email" value="" tabindex="1" class="text fullWidth" spellcheck="false" placeholder="someone@example.com" autocomplete="off"/> </div> <div id="passwordArea"> <label id="passwordInputLabel" for="passwordInput" class="hidden">Password</label> <input id="passwordInput" name="Password" type="password" tabindex="2" class="text fullWidth" placeholder="Password" autocomplete="off"/> </div> <div id="kmsiArea" style="display:none"> <input type="checkbox" name="Kmsi" id="kmsiInput" value="true" tabindex="3" /> <label for="kmsiInput">Keep me signed in</label> </div> <div id="submissionArea" class="submitMargin"> <span id="submitButton" class="submit" tabindex="4" role="button" onKeyPress="if (event && event.keyCode == 32) Login.submitLoginRequest();" onclick="return Login.submitLoginRequest();">Sign in</span> </div> </div> <input id="optionForms" type="hidden" name="AuthMethod" value="FormsAuthentication"/> </form> <div id="authOptions"> <form id="options" method="post" action="https://sts.uiowa.edu:443/adfs/ls/?wa=wsignin1.0&wtrealm=urn:federation:MicrosoftOnline&wctx=wa%3Dwsignin1.0%26rpsnv%3D4%26rver%3D6.4.6456.0%26wp%3DMCMBI%26wreply%3Dhttps:%252F%252Fportal.office.com%26lc%3D1033%26id%3D501392%26LoginOptions%3D3&client-request-id=1b9eae0c-3a89-4a07-2414-0080000000f4"> <script type="text/javascript"> function SelectOption(option) { var w = document.getElementById('waitingWheelDiv'); if(w) w.style.display = 'inline'; var i = document.getElementById('optionSelection'); i.value = option; document.forms['options'].submit(); return false; } </script> <input id="optionSelection" type="hidden" name="AuthMethod" /> <input id="userNameInputOptionsHolder" name="UserName" value="" type="hidden"/> <div id='authOptionLinks' class='groupMargin'><div id="waitingWheelDiv" style="display: none;"><div id="WaitingWheel"> <!-- NOTE: This style portion is identical to cookie pull page, they are not in shared css file because of legacy dependancies for custom themes--> <!-- CSS for small "waiting" wheel --> <style> #floatingCirclesG { position: relative; width: 125px; height: 125px; margin: auto; transform: scale(0.4); -o-transform: scale(0.4); -ms-transform: scale(0.4); -webkit-transform: scale(0.4); -moz-transform: scale(0.4); } .f_circleG { position: absolute; height: 22px; width: 22px; border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; animation-name: f_fadeG; -o-animation-name: f_fadeG; -ms-animation-name: f_fadeG; -webkit-animation-name: f_fadeG; -moz-animation-name: f_fadeG; animation-duration: 1.2s; -o-animation-duration: 1.2s; -ms-animation-duration: 1.2s; -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal; } #frotateG_01 { left: 0; top: 51px; animation-delay: 0.45s; -o-animation-delay: 0.45s; -ms-animation-delay: 0.45s; -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; } #frotateG_02 { left: 15px; top: 15px; animation-delay: 0.6s; -o-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; } #frotateG_03 { left: 51px; top: 0; animation-delay: 0.75s; -o-animation-delay: 0.75s; -ms-animation-delay: 0.75s; -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; } #frotateG_04 { right: 15px; top: 15px; animation-delay: 0.9s; -o-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; } #frotateG_05 { right: 0; top: 51px; animation-delay: 1.05s; -o-animation-delay: 1.05s; -ms-animation-delay: 1.05s; -webkit-animation-delay: 1.05s; -moz-animation-delay: 1.05s; } #frotateG_06 { right: 15px; bottom: 15px; animation-delay: 1.2s; -o-animation-delay: 1.2s; -ms-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; } #frotateG_07 { left: 51px; bottom: 0; animation-delay: 1.35s; -o-animation-delay: 1.35s; -ms-animation-delay: 1.35s; -webkit-animation-delay: 1.35s; -moz-animation-delay: 1.35s; } #frotateG_08 { left: 15px; bottom: 15px; animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; } @keyframes f_fadeG { 0% { background-color: rgb(47, 146, 212); } 100% { background-color: rgb(255, 255, 255); } } @-o-keyframes f_fadeG { 0% { background-color: rgb(47, 146, 212); } 100% { background-color: rgb(255, 255, 255); } } @-ms-keyframes f_fadeG { 0% { background-color: rgb(47, 146, 212); } 100% { background-color: rgb(255, 255, 255); } } @-webkit-keyframes f_fadeG { 0% { background-color: rgb(47, 146, 212); } 100% { background-color: rgb(255, 255, 255); } } @-moz-keyframes f_fadeG { 0% { background-color: rgb(47, 146, 212); } 100% { background-color: rgb(255, 255, 255); } } </style> <!-- Div containing small "waiting" wheel --> <div id="floatingCirclesG"> <div class="f_circleG" id="frotateG_01"></div> <div class="f_circleG" id="frotateG_02"></div> <div class="f_circleG" id="frotateG_03"></div> <div class="f_circleG" id="frotateG_04"></div> <div class="f_circleG" id="frotateG_05"></div> <div class="f_circleG" id="frotateG_06"></div> <div class="f_circleG" id="frotateG_07"></div> <div class="f_circleG" id="frotateG_08"></div> </div> </div></div></div> </form> </div> <div id="introduction" class="groupMargin"> <p>You will be logged in to this service securely. Information which will allow you to access the site you requested will be transmitted to the site. This information will be encrypted before it is sent. Please see the ITS Help Desk <a href="https://its.uiowa.edu/hawkid" target="_blank">HawkID support pages</a> for additional information.</p> </div> <script type="text/javascript"> //<![CDATA[ function Login() { } Login.userNameInput = 'userNameInput'; Login.passwordInput = 'passwordInput'; Login.initialize = function () { var u = new InputUtil(); u.checkError(); u.setInitialFocus(Login.userNameInput); u.setInitialFocus(Login.passwordInput); }(); Login.submitLoginRequest = function () { var u = new InputUtil(); var e = new LoginErrors(); var userName = document.getElementById(Login.userNameInput); var password = document.getElementById(Login.passwordInput); if (!userName.value || !userName.value.match('[@\\\\]')) { u.setError(userName, e.userNameFormatError); return false; } if (!password.value) { u.setError(password, e.passwordEmpty); return false; } if (password.value.length > maxPasswordLength) { u.setError(password, e.passwordTooLong); return false; } document.forms['loginForm'].submit(); return false; }; InputUtil.makePlaceholder(Login.userNameInput); InputUtil.makePlaceholder(Login.passwordInput); //]]> </script> </div> </div> </div> </main> <div id="footerPlaceholder"></div> </div> <footer id="footer"> <div id="footerLinks" class="floatReverse"> <div><span id="copyright">© 2018 Microsoft</span><a id="home" class="pageLink footerLink " href="https://its.uiowa.edu/contact">Please contact the </a><a id="privacy" class="pageLink footerLink" href="https://its.uiowa.edu/contact">ITS Help Desk </a><a id="helpDesk" class="pageLink footerLink" href="https://its.uiowa.edu/contact">for assistance, questions, or concerns.</a></div> </div> </footer> </div> </div> <script type='text/javascript'> //<![CDATA[ (function(){const e="uiowa.edu",t="placeholder-shown";function n(e,t){return i("http://www.w3.org/1999/xhtml",e,t)}function i(e,t,n){let i=document.createElementNS(e,t);for(let e in n)i.setAttribute(e.replace("_","-"),n[e]);return i}function r(){let e=i("http://www.w3.org/2000/svg","svg",{role:"presentation",class:"btn-uids-primary__icon",aria_hidden:"true",focusable:"false",viewBox:"0 0 448 512"});return e.appendChild(i("http://www.w3.org/2000/svg","path",{fill:"currentColor",d:"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"})),e}function o(e){return function(){e.classList[e.value?"remove":"add"](t)}}return{init:function(){let t=document.getElementsByTagName("title")[0];t&&(t.innerText="University of Iowa HawkID Login");let l=document.getElementsByTagName("head")[0];l.appendChild(n("link",{rel:"shortcut icon",href:"/adfs/portal/images/favicon.ico"})),l.appendChild(n("meta",{name:"theme-color",content:"#1c1c1e"})),l.appendChild(n("link",{rel:"preconnect",href:"https://fonts.googleapis.com"})),l.appendChild(n("link",{rel:"preconnect",href:"https://fonts.gstatic.com"})),l.appendChild(n("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css2?family=Antonio&family=Roboto:wght@300;400&display=swap"}));let a=n("main",{class:"d-flex flex-column min-vh-100 justify-content-center"}),d=n("div",{class:"login-card shadow-lg"});a.appendChild(d);let s=n("div",{class:"d-flex flex-row justify-content-center"});d.appendChild(s),s.appendChild(function(){let e=n("div",{class:"logo logo--tab"}),t=i("http://www.w3.org/2000/svg","svg",{class:"logo-icon",aria_labelledby:"logo-header",role:"img",viewBox:"0 0 311.6 90.2"});e.appendChild(t),t.appendChild(i("http://www.w3.org/2000/svg","path",{d:"M40 18.8h-7.3v52.4H40v19H0v-19h7.3V18.8H0V0h40V18.8z"})),t.appendChild(i("http://www.w3.org/2000/svg","path",{d:"M93.8 90.2h-29c-10.5 0-17.4-6.9-17.4-18.2V18.2C47.4 7 54.4 0 64.8 0h29c10.5 0 17.4 7 17.4 18.2V72C111.2 83.2 104.2 90.2 93.8 90.2zM85.6 71.2V18.8H73v52.4H85.6z"})),t.appendChild(i("http://www.w3.org/2000/svg","path",{d:"M122.6 18.8h-6.4V0h38v18.9H147l6.5 43.4L167 0h19.2l14.4 62.3 5.2-43.4h-6.6V0h37.5v18.9h-6.2l-11.3 71.4h-30.6l-11.8-53.2 -12.1 53.1h-29.4L122.6 18.8z"})),t.appendChild(i("http://www.w3.org/2000/svg","path",{d:"M230.1 71.2h6.9L250.7 0h41l13.5 71.2h6.4v19H281l-2.9-22h-15.2l-2.7 22h-30L230.1 71.2 230.1 71.2zM276.5 51.7l-5.8-36.4 -6 36.4H276.5z"}));let r=n("image",{src:"/adfs/portal/images/uiowa-primary.png"});t.appendChild(r);let o=n("title",{id:"logo-header"});return o.innerText="University of Iowa",r.appendChild(o),e}());let p=n("div",{class:"card-body pt-2"});d.appendChild(p);let u=n("h1",{class:"text-center h5 fw-light mt-2 mb-3"});p.appendChild(u);let c=document.getElementById("customAuthArea"),h=document.getElementById("loginArea"),m=document.getElementById("signoutArea"),g=document.getElementById("errorArea");if(c)u.innerText="For security reasons, we require additional information to verify your account",p.appendChild(c);else if(h){u.innerText="Log in with your HawkID";let t=document.getElementById("loginForm"),i=n("form",{method:t.getAttribute("method"),action:t.getAttribute("action")});p.appendChild(i);let l=n("div",{class:"form-floating mb-3"});i.appendChild(l);let a=n("div",{class:"form-floating mb-3"});i.appendChild(a);let d=document.getElementById("userNameInput"),s=document.getElementById("passwordInput"),c=n("input",{name:d.getAttribute("name"),type:"text",class:"form-control",id:d.getAttribute("id"),value:d.getAttribute("value"),required:"",autocapitalize:"off",autocorrect:"off",spellcheck:"false",placeholder:"herky@uiowa.edu"}),h=o(c);h(),c.addEventListener("change",h),c.addEventListener("keyup",h),l.appendChild(c),i.addEventListener("submit",(w=c,function(){w.value&&!w.value.match("[@\\\\]")&&(w.value=w.value+"@"+e)}));let m=n("label",{for:c.getAttribute("name")});m.innerText="HawkID",l.appendChild(m);let g=n("input",{name:s.getAttribute("name"),type:"password",class:"form-control",id:s.getAttribute("name"),value:"",required:"",placeholder:"password"}),f=o(g);f(),g.addEventListener("change",f),g.addEventListener("keyup",f),a.appendChild(g);let v=n("label",{for:g.getAttribute("name")});v.innerText="Password",a.appendChild(v),/^\s*$/.test(c.value)?c.setAttribute("autofocus",""):g.setAttribute("autofocus","");let y=document.getElementById("errorText");if(y){!function(){let e=document.getElementById("errorText");null===e||"Incorrect user ID or password. Type the correct user ID and password, and try again."!==e.innerText&&'Enter your user ID in the format "domain\\user" or "user@domain".'!==e.innerText&&"userNameInput"!==e.getAttribute("for")&&"passwordInput"!==e.getAttribute("for")||(e.innerText="Invalid login")}();let e=n("p");e.innerText=y.innerText,i.appendChild(e)}let C=n("button",{type:"submit",class:"btn-uids btn-uids-primary mb-3"});C.innerText="Log In ",i.appendChild(C),C.appendChild(r());let b=n("div",{class:"text-center"});p.appendChild(b);let x=n("a",{href:"https://iam.uiowa.edu/accounts/recover"});x.innerText="Forgot your HawkID or password?",b.appendChild(x)}else if(m){u.innerText="You are now logged out.";let e=n("p");e.innerText="You may want to close your browser to end any remaining sessions.",p.appendChild(e);let t=n("a",{class:"btn-uids btn-uids-primary mb-3",role:"button",href:"https://www.uiowa.edu/"});t.innerText="Back to Home ",t.appendChild(r()),p.appendChild(t)}else if(g){let e=document.getElementById("errorMessage"),t=n("div",{class:"mb-3"});p.appendChild(t);let i=n("p");if(t.appendChild(i),e&&e.innerText.match(".*because you are not enrolled for Duo.*")){u.innerText="Two-Step Login Required",i.innerText="You must enroll your HawkID in Two-Step Login in order to access this service.";let e=n("a",{class:"btn-uids btn-uids-primary",href:"https://iam.uiowa.edu/accounts/twostep"});e.innerText="Enroll in Two-Step ",e.appendChild(r()),t.appendChild(e)}else{if(u.innerText="Error",e){i.innerText=e.innerText+" ";let n=document.getElementById("errorDetailsLink");n.innerText="Show details",i.appendChild(n),t.appendChild(document.getElementById("errorDescription"))}let r=n("div",{class:"text-center"});p.appendChild(r);let o=n("a",{href:"https://its.uiowa.edu/contact"});o.innerText="Questions? Contact the ITS Help Desk.",r.appendChild(o)}}var w;let f=document.getElementsByTagName("body")[0],v=document.getElementById("fullPage");f.removeChild(v),f.appendChild(a)}}})().init(); //]]> </script> </body> </html>