CINXE.COM

IEICE global.ieice.org 사이트

<!DOCTYPE html><html lang="ko" dir="ltr"><head> <!-- Google Tag Manager --> <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-TF44WCG2');</script> <!-- End Google Tag Manager --> <meta name="google-site-verification" content="qtQTnMSrK6sA-4pRLrqiSiCZUW4v-JjdBfmipk6pNRI"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>IEICE global.ieice.org 사이트</title> <meta name="description" content=""> <meta property="og:title" content="온라인 거래"> <meta property="og:type" content="website"> <meta property="og:url" content="#"> <meta property="og:image" content="#//assets/img/ogp.jpg"> <meta property="og:site_name" content="Transactions Online"> <meta property="og:description" content=""> <link rel="icon" href="https://global.ieice.org/assets/img/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="https://global.ieice.org/assets/img/apple-touch-icon.png"> <link rel="stylesheet" href="https://global.ieice.org/assets/css/header.css"> <link rel="stylesheet" href="https://global.ieice.org/assets/css/footer.css"> <link rel="stylesheet" href="https://global.ieice.org/assets/css/style.css"> <link rel="stylesheet" href="https://global.ieice.org/assets/css/2nd.css"> <link rel="stylesheet" href="https://global.ieice.org/assets/css/index.css"> <link rel="stylesheet" href="https://global.ieice.org/assets/css/archive.css"> <link rel="stylesheet" href="https://global.ieice.org/assets/css/viewed.css"> <link href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://unpkg.com/tippy.js@5.0.3/animations/shift-toward-subtle.css"> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"> <link rel="stylesheet" href="https://use.typekit.net/mgs1ayn.css"> <!-- Custom styles/javascript --> <script src="https://global.ieice.org/web/ui/js/custom.js"></script> <link href="https://global.ieice.org/web/ui/site.css" rel="stylesheet"> <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: { inlineMath: [ ['$','$'], ["\\(","\\)"] ], displayMath: [ ['$$','$$'], ["\\[","\\]"] ], processEnvironments: true }, CommonHTML: { linebreaks: { automatic: true } }, "HTML-CSS": { linebreaks: { automatic: true } }, SVG: { linebreaks: { automatic: true } }, }); </script> <script async="" type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@2.7.5/MathJax.js?config=TeX-AMS-MML_HTMLorMML-full"></script> <!-- Google Analytics --> <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-FKRLDTXBR3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-FKRLDTXBR3'); </script> <meta name="robots" content="noindex"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0"> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TF44WCG2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Main component --> <div class="container"> <h1>만들기 IEICE global.ieice.org 사이트 계정</h1> <p></p> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <form method="post" id="myForm1" action="https://ko.global.ieice.org/account_verification/1" class="row g-3 needs-validation" novalidate=""> <!-- -------------------------------- --> <div class="col-md-4"> <label for="validationCustom01" class="form-label"> 영문 이름 </label> <input name="fisrt_name" id="fisrtNameId" type="text" class="form-control" pattern="^[a-zA-Z ]{2,15}$" required="" autofocus=""> <div class="valid-feedback">유효한</div> <div class="invalid-feedback">a~z만(2~15자)</div> </div> <div class="col-md-4"> <label class="form-label"> 중간 이름 </label> <input type="text" name="middle_name" class="form-control" value=""> </div> <div class="col-md-4"> <label for="validationCustom02" class="form-label"> 영문 성 </label> <input name="last_name" id="lastNameId" type="text" class="form-control" pattern="^[a-zA-Z ]{2,15}$" required=""> <div class="valid-feedback">유효한</div> <div class="invalid-feedback">a~z만(2~15자)</div> </div> <!-- -------------------------------- --> <div class="col-md-12"> <label for="validationCustom03" class="form-label"> 이메일 주소 </label> <input type="email" name="email" id="emailId" class="form-control" pattern="^[a-zA-Z0–9.!#$%&amp;’*+\/=?^_`{|}~-]+@[a-zA-Z0–9](?:[a-zA-Z0–9-]{0,61} [a-zA-Z0–9])?(?:\.[a-zA-Z0–9](?:[a-zA-Z0–9-]{0,61}[a-zA-Z0–9])?)*$" placeholder="name@example.com" required=""> <div class="valid-feedback">유효한</div> <div class="invalid-feedback">유효한 이메일 주소가 아닙니다</div> </div> <!-- -------------------------------- --> <div class="col-md-6"> <label for="validationCustom01" class="form-label"> 비밀번호 </label> <input type="password" name="password" id="pwdId" class="form-control" pattern="^[a-z]{6,12}$" required=""> <div class="valid-feedback">유효한</div> <div class="invalid-feedback">a~z만(6~12자)</div> </div> <div class="col-md-6"> <label for="validationCustom02" class="form-label"> 비밀번호 확인 </label> <input type="password" id="cPwdId" class="form-control myCpwdClass" pattern="^[a-z]{6,12}$" required=""> <div id="cPwdValid" class="valid-feedback">비밀번호 일치</div> <div id="cPwdInvalid" class="invalid-feedback">a~z만(6~12자)</div> </div> <!-- -------------------------------- --> <div class="col-12"> <p> </p><div class="form-check"> <input type="checkbox" id="agreeId" class="custom-control-input form-control" required=""> <label for="agreeId" id="agreeLabelId" class="custom-control-label">읽었으며 동의합니다. <a href="https://www.ieice.org/eng_r/pp.html" target="_blank">IEICE 개인정보 처리방침</a></label> <div id="agreeValid" class="valid-feedback">유효한</div> <div id="agreeInvalid" class="invalid-feedback">확인이 필요합니다</div> </div> <p> </p></div> <!-- -------------------------------- --> <div class="col-12"> <button id="submitBtn" type="submit" class="btn btn-secondary" disabled="">양식 제출</button> </div> <!-- -------------------------------- --> </form> </div> <!-- -------------------------------------------------------------------------------------------------------------------- --> <!-- -------------------------------------------------------------------------------------------------------------------- --> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <!-- -------------------------------------------------------------------------------------------------------------------- --> <script> $(document).ready(function(){ // Set all elements as INVALID var myInputElements = document.querySelectorAll(".form-control"); var i; for (i = 0; i < myInputElements.length; i++) { //myInputElements[i].classList.add('is-invalid'); //myInputElements[i].classList.remove('is-valid'); } // Check passwords similarity $('#pwdId, #cPwdId').on('keyup', function () { if ($('#pwdId').val() != '' && $('#cPwdId').val() != '' && $('#pwdId').val() == $('#cPwdId').val() ) { $('#cPwdValid').show(); $('#cPwdInvalid').hide(); $('#cPwdInvalid').html('Passwords Match').css('color', 'green'); $('.myCpwdClass').addClass('is-valid'); $('.myCpwdClass').removeClass('is-invalid'); $("#submitBtn").attr("disabled",false); $('#submitBtn').addClass('btn-primary').removeClass('btn-secondary'); for (i = 0; i < myInputElements.length; i++) { var myElement = document.getElementById(myInputElements[i].id); if (myElement.classList.contains('is-invalid')) { $("#submitBtn").attr("disabled",true); $('#submitBtn').addClass('btn-secondary').removeClass('btn-primary'); break; } } } else { $('#cPwdValid').hide(); $('#cPwdInvalid').show(); $('#cPwdInvalid').html('Not Matching').css('color', 'red'); $('.myCpwdClass').removeClass('is-valid'); $('.myCpwdClass').addClass('is-invalid'); $("#submitBtn").attr("disabled",true); $('#submitBtn').addClass('btn-secondary').removeClass('btn-primary'); } }); // Validate on submit let currForm1 = document.getElementById('myForm1'); currForm1.addEventListener('submit', function(event) { if (currForm1.checkValidity() === false) { event.preventDefault(); event.stopPropagation(); } else { $("#submitBtn").attr("disabled",false); $('#submitBtn').addClass('btn-primary').removeClass('btn-secondary'); currForm1.classList.add('was-validated'); } }, false); // Validate on input currForm1.querySelectorAll('.form-control').forEach(input => { input.addEventListener(('input'), () => { if (input.checkValidity()) { input.classList.remove('is-invalid'); input.classList.add('is-valid'); } else { input.classList.remove('is-valid'); input.classList.add('is-invalid'); } var is_valid = $('.form-control').length === $('.form-control.is-valid').length; if (is_valid) { $("#submitBtn").attr("disabled",false); $('#submitBtn').addClass('btn-primary').removeClass('btn-secondary'); } else { ////$("#submitBtn").attr("disabled",true); ////$('#submitBtn').addClass('btn-secondary').removeClass('btn-primary'); } }); }); // ------------------------------------------------------ }); </script> <!-- -------------------------------------------------------------------------------------------------------------------- --> <script data-cfasync="false" src="https://tdns0.gtranslate.net/tdn-bin/queue.js"></script></body></html>

Pages: 1 2 3 4 5 6 7 8 9 10