CINXE.COM
CASIO ID
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="format-detection" content="telephone=no,address=no,email=no" /> <meta name="description" content="" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta name="_csrf" content="086f5c55-b9d2-45a8-91c5-1e53ff57b604" /> <meta name="_csrf_header" content="X-CSRF-TOKEN" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CASIO ID</title> <link rel="shortcut icon" href="/casio_contents/static/casio/images/favicon.ico" /> <link rel="stylesheet" href="/casio_contents/static/casio/v2/css/reset.css" /> <link rel="stylesheet" href="/casio_contents/static/casio/v2/css/casio-id.css" /> <script src="/casio_contents/static/casio/v2/js/jquery-3.6.0.min.js" ></script> <script src="/casio_contents/static/casio/v2/js/attr-util_v2.js?20230405_1030"></script> <script> /*<![CDATA[*/ var libraMessageType = ""; var libraMessageText = ""; var targetCurrentLang = "en"; $(function(){ setLinkUrl(targetCurrentLang); }); /*]]>*/ </script> <link rel="stylesheet" href="https://use.typekit.net/spd0crp.css" /> <!-- Google Tag Manager --> <script> /*<![CDATA[*/ (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-5SXSFMV'); /*]]>*/ </script> <!-- End Google Tag Manager --> <style>/*<![CDATA[*/ .numInputWrapper span { opacity: 1!important; } /*]]>*/ </style> <script>/*<![CDATA[*/ /*]]>*/ </script> <script> /*<![CDATA[*/ location.href = '/api/extRegist/v1/entry?connectFlg=1'; /*]]>*/ </script> <script> /*<![CDATA[*/ var targetLang = "en"; var targetClientId = "casio-ec-withcasiosg-cli"; var targetSns = ""; var redirectFlg = true; $(function() { if(targetSns != ""){ snsTransit(targetSns); } $("#username").blur(function () {requiredCheck("#username","#usernameArea");}); $("#password").blur(function () {requiredCheck("#password","#passwordArea");}); $("#idpwbtn").click(function() { $("#idpwbtn").hide(); if(preCheck()){ $("#idpwForm").submit(); }else{ $("#idpwbtn").show(); } }); displaySnsLink(targetClientId); }); function snsTransit(idpName) { var paramRegist = ""; if(redirectFlg){ paramRegist = "&mode=register"; } $("#idpsForm").attr("action", "/user/idps/login?idp="+encodeURI(idpName)+"&device_id="+$("#deviceId").val() + paramRegist); $("#idpsForm").submit(); } function preCheck() { var result = true; $("#valServerErrArea").hide(); if(!requiredCheck("#username","#usernameArea")){ result = false; } if(!requiredCheck("#password","#passwordArea")){ result = false; } return result; } /*]]>*/ </script> </head> <body> <div class="casio-id"> <div class="casio-id__login"> <div class="casio-id__container"> <header> <div class="casio-id__header"> <div class="casio-id__header-logo"><a href="#"><img src="/casio_contents/static/casio/v2/img/casio.svg" alt="CASIO" /></a></div> </div> <!-- /.casio-id__header --> </header> <main> <article> <form id="idpwForm" class="form-horizontal" action="/api/connect/v1/login" method="post"> <input type="hidden" id="action_type" name="action_type" value="" /> <input type="hidden" name="_csrf" value="086f5c55-b9d2-45a8-91c5-1e53ff57b604" /> <input type="hidden" id="deviceId" name="device_id" value="" /> <div class="casio-id__contents"> <h1 style="padding-bottom: 30px;">Log In to CASIO ID</h1> </div> <section class="casio-id__login-mail"> <div class="casio-id__contents"> <div class="casio-id__login-email"> <div class="casio-id__contents--form-text"> <div class="casio-id__form-text" id="usernameArea"> <div class="casio-id__form-text--container"> <div class="casio-id__form-text--label">Email Address</div> <div class="casio-id__form-text--input" > <input type="email" id="username" name="username" autocomplete="email" placeholder="example@casio.com" required="required" value="" /> </div> <div class="casio-id__form-feedback"> Enter your email address. </div> </div> </div> <!-- /.casio-id__form-text --> </div> </div> <div class="casio-id__login-password"> <div class="casio-id__contents--form-text"> <div class="casio-id__form-text casio-id__form-password" id="passwordArea" style="margin-bottom:10px"> <div class="casio-id__form-text--container"> <div class="casio-id__form-text--label">Password</div> <div class="casio-id__form-text--input"> <input type="password" id="password" name="password" autocomplete="off" required="required" placeholder="Password" /> </div> <div class="casio-id__form-feedback"> Enter your password. </div> </div> <div class="casio-id__form-password-eye"> <p class="casio-id__form-password-eye--show"><img src="/casio_contents/static/casio/v2/img/password-show.svg" alt="" /></p> <p class="casio-id__form-password-eye--hidden none"><img src="/casio_contents/static/casio/v2/img/password-hidden.svg" alt="" /></p> </div> </div> <!-- /.casio-id__form-text --> </div> </div> <div style="margin-bottom:40px;"> <div class="casio-id__contents--fluid"> <p class="casio-id__guide"><a href="/view/template/pwforget">Forgot your password?</a></p> </div> </div> <div class="casio-id__login-submit"> <div class="casio-id__contents--btn"> <button type="button" id="idpwbtn" class="casio-id__btn">LOG IN</button> </div> </div> <div> <div class="casio-id__contents--fluid"> <p class="casio-id__guide" style="font-weight: bold;" ><a href="javascript:window.location.href ='/api/extRegist/v1/entry?connectFlg=1';">Not a Member Yet? Create an Account</a></p> </div> </div> </div> </section> <section class="casio-id__login-sns"> <div class="casio-id__contents"> <h2>Log in with a social media account</h2> <ul class="casio-id__sns"> <li class="snsLink" style="display:none;" id="sns_link_apple"> <a class="casio-id__sns-btn" href="javascript:snsTransit('apple');"> <p><img src="/casio_contents/static/casio/v2/img/sns_apple.svg" alt="" /><span>Sign in with Apple</span></p> </a> </li> <li class="snsLink" style="display:none;" id="sns_link_facebook"> <a class="casio-id__sns-btn" href="javascript:snsTransit('facebook');"> <p><img src="/casio_contents/static/casio/v2/img/sns_facebook.svg" alt="" /><span>Sign in with Facebook</span></p> </a> </li> <li class="snsLink" style="display:none;" id="sns_link_google"> <a class="casio-id__sns-btn" href="javascript:snsTransit('google');"> <p><img src="/casio_contents/static/casio/v2/img/sns_google.svg" alt="" /><span>Sign in with Google</span></p> </a> </li> <li class="snsLink" style="display:none;" id="sns_link_line"> <a class="casio-id__sns-btn" href="javascript:snsTransit('line');"> <p><img src="/casio_contents/static/casio/v2/img/sns_line.png" alt="" /><span>Sign in with LINE</span></p> </a> </li> <li class="snsLink" style="display:none;" id="sns_link_azuread"> <a class="casio-id__sns-btn" href="javascript:snsTransit('azuread');"> <p><img src="/images/azuread.png" alt="" /><span>Sign in with Microsoft</span></p> </a> </li> <li class="snsLink" style="display:none;" id="sns_link_yus"> <a class="casio-id__sns-btn" href="javascript:snsTransit('yus');"> <p><img src="/images/yahoous.png" alt="" /><span>Sign in with Yahoo !</span></p> </a> </li> </ul> </div> </section> </form> <!-- /form --> <form id="idpsForm" action="" method="post"> <input type="hidden" name="_csrf" value="086f5c55-b9d2-45a8-91c5-1e53ff57b604" /> </form> </article> </main> <footer> <div class="casio-id__footer"> <div class="casio-id__footer-links"> <div class="casio-id__footer-links--utility"> <ul> <li><a href="/casio_contents/terms/index.html" target="_blank" rel="noopener">Privacy Notice</a></li> <li><a href="" target="_blank" rel="noopener" class="ext_link_cookie">Cookie Policy</a></li> <li><a href="" target="_blank" rel="noopener" class="ext_link_about">What is a CASIO ID?</a></li> <li><a href="" target="_blank" rel="noopener" class="ext_link_faq">FAQ</a></li> </ul> </div> </div> <!-- /.casio-id__footer-links --> <div class="casio-id__footer-copyright"> <a href="https://world.casio.com/" target="_blank" rel="noopener noreferrer">漏 2024 CASIO COMPUTER CO., LTD.</a> </div> <!-- /.casio-id__footer-copyright --> </div> <!-- /.casio-id__footer --> </footer> </div> <!-- /.casio-id__container --> </div> <!-- /.casio-id__login --> </div> <!-- /.casio-id --> <script src="/casio_contents/static/casio/v2/js/casio-id.js"></script> </body> </html>