var suz_ConfirmMsgFlg = true; $(function() { // registration suz_submitRestriction(); if($("#suz_regArea").length>0){ $("#suz_regArea").on('change', '#suz_countryID', function(ev) { $.ajax({ url : suz_getCurrentDomain() + "/ajax/registrationAjax/getFormList/", type : "POST", data : { countryId : $(this).val(), stateId : null, token : $("input[name='org.apache.struts.taglib.html.TOKEN']").attr("value"), rwd : document.getElementById("suz-responsive") != null }, dataType : "html", scriptCharset : "UTF-8" }).then(function(html) { var $regArea = $("#suz_regArea"); var $group; $regArea.html(html); $("#js-formStep-totalNum").text($("#hidMaxStepCount").val()); suz_showRegisterTopBottomGuide(); if ($('#js-multiStepForm').length) { mlc_resetMultiStepForm(); } if ($regArea.hasClass('is-preInput-completed')) { $group = $('#suz_countryID').parent('#suz_div_countryID'); if ($group.hasClass('is-hide')) { $group.removeClass('is-hide'); } } $('#suz_countryID').focus(); $('#suz_countryID').blur(); }, function(req, stat, err) { if(req.status == 401 || req.status == 404 || req.status == 500){ window.location.href = suz_getCurrentDomain() + "/error/tokenError.jsp"; return false; } alert(err); return false; }); }); $("#suz_regArea").on('change', '#suz_stateID', function(ev) { let privacyChkList = $('input[name="privacyChk"]'); let privacyChkPushList = []; for(let i=0; i < 4;i++){ if(privacyChkList.length != 0 &&privacyChkList[i].checked){ privacyChkPushList[i] = privacyChkList[i].value; } else{ privacyChkPushList[i] = null; } } $.ajax({ url : suz_getCurrentDomain() + "/ajax/registrationAjax/getFormList/", data : { countryId : $("#suz_countryID").val(), stateId : $(this).val(), token : $("input[name='org.apache.struts.taglib.html.TOKEN']").attr("value"), rwd : document.getElementById("suz-responsive") != null, privacyChk1 : privacyChkPushList[0] , privacyChk2 : privacyChkPushList[1] , privacyChk3 : privacyChkPushList[2] , privacyChk4 : privacyChkPushList[3] }, dataType : "html", scriptCharset : "UTF-8" }).then(function(html) { var $regArea = $("#suz_regArea"); var $group; $regArea.html(html); suz_showRegisterTopBottomGuide(); suz_callRegValidator($('#suz_stateID').attr('name'), $('#suz_stateID').val()); if ($('#js-multiStepForm').length) { mlc_resetMultiStepForm(); } if ($regArea.hasClass('is-preInput-completed')) { $group = $('#suz_stateID').parent('#suz_div_stateID'); if ($group.hasClass('is-hide')) { $group.removeClass('is-hide'); } } $('#suz_stateID').focus(); $('#suz_stateID').blur(); }, function(req, stat, err) { if(req.status == 401 || req.status == 404 || req.status == 500){ window.location.href = suz_getCurrentDomain() + "/error/tokenError.jsp"; return false; } alert(err); return false; }); }); $("#suz_regArea").on('change', '#suz_cityID', function(ev) { var countryId = $("select[name='countryID']").val(); var stateId = $("select[name='stateID']").val(); cityId = $(this).val(); $.ajax({ url : suz_getCurrentDomain() + "/ajax/registrationAjax/changeCity/", data : { countryId : countryId, stateId : stateId, cityId : cityId, token : $("input[name='org.apache.struts.taglib.html.TOKEN']").attr("value") }, dataType : "jsonp", jsonp : "callback", scriptCharset : "UTF-8" }).then(function(data) { if(countryId ==='TW'){ var zipCd = $("input[name='zipCode']"); if (data['count'] == 0) { zipCd.val(data['zipCode']); } else { zipCd.val(""); } suz_callRegValidator('zipCode', zipCd.val()); }else if(countryId ==='VN'){ $("select[name='industrialParkID']").html(data['result']); }else if(countryId ==='CN'){ $("select[name='districtID']").html(data['result']); }else if(countryId ==='TH'){ $("select[name='districtID']").html(data['result']); } }, function(req, stat, err) { if(req.status == 401){ window.location.href = suz_getCurrentDomain() + "/error/tokenError.jsp"; return false; } alert(err); return false; }); }); $("#submit2").click(function() { suz_ConfirmMsgFlg = false; }); $('body').on('change', '#agreeAll', function() { suz_linkedCheckBox($('#as_agreeBoxCheked input'), $(this).prop('checked')); suz_checkBoxDecision(); }); $('body').on('change', '#as_agreeBoxCheked input:not(#agreeAll)', function() { suz_linkedCheckBox($('#agreeAll'), $('#as_agreeBoxCheked input:not(#agreeAll)').length == $('#as_agreeBoxCheked input:not(#agreeAll):checked').length); suz_checkBoxDecision(); }); $("#suz_regArea").on('focus', ":text,:password,:radio,input[type='email'],input[type='tel']", function() { suz_checkPrev($(this)); }); $("#suz_regArea").on('focus', "input.prd-checkbox-nativeControl", function() { suz_checkPrev($(this)); }); $("#suz_regArea").on('focus', "select.prd-select", function() { suz_checkPrev($(this).prev()); }); $("#suz_regArea").on('click', "select.prd-select", function() { suz_ConfirmMsgFlg = false; setTimeout(function() { suz_ConfirmMsgFlg = true; }, 0); }); $("#suz_regArea").on('blur', ":text,:password,input[type='email'],input[type='tel']", function(ev) { var relatedTarget = ev.relatedTarget; var btnOpenSearchID = 'js-open-zipCodeSearch'; var availableValidator = window.KeyenceForm.AvailableValidator; if (relatedTarget) { if (relatedTarget.getAttribute('id') === btnOpenSearchID || relatedTarget.parentNode.getAttribute('id') === btnOpenSearchID) { return; } } if ($(this).attr('name') == 'verificationCode') { suz_callSetForm($(this).attr('name'), $(this).val()); if ($('#suz_registrationMode').html() != 'edit') { suz_callRegValidator($(this).attr('name'), $(this).val()); } return; } if ($(this).attr('name')) { if (availableValidator.hasTargetClass(this)) { availableValidator.runValidate($(this).attr('name'), true).always(function (field) { suz_callRegValidator(field.name, field.value); }); } else { suz_callRegValidator($(this).attr('name'), $(this).val()); } } else { suz_callRegValidator($(this).next().attr('name'), $(this).val()); } if ($(this).hasClass('passwordShowing') || $(this).attr('name') == 'password') { var cnfPwd = $("#suz_regArea").find('#suz_tr_confirmPassword,#suz_div_confirmPassword').find(":password"); if (cnfPwd.length > 0) { var cnfPwdVal = cnfPwd.val(); if (cnfPwd.css('display') == 'none') { cnfPwdVal = $("#suz_regArea").find('#suz_tr_confirmPassword,#suz_div_confirmPassword').find(".passwordShowing").val(); } if (cnfPwdVal !== '') { suz_callRegValidator('confirmPassword', cnfPwdVal); } } } if ($("#suz_regArea").find('#suz_tr_confirmEmailAddress').length > 0 && $(this).attr('name') == 'emailAddress') { var cnfEmailVal = $("#suz_regArea").find('#suz_tr_confirmEmailAddress').find(":text").val(); if (cnfEmailVal !== '') { suz_callRegValidator('confirmEmailAddress', cnfEmailVal); } } }); $("#suz_regArea").on('change', ":radio", function() { suz_callRegValidator($(this).attr('name'), $(this).val()); }); $("#suz_regArea").on('change', "select", function() { suz_callRegValidator($(this).attr('name'), $(this).val()); }); $('#suz_regArea').on('change', 'input.prd-checkbox-nativeControl', function() { if($(this).prop('checked')){ suz_callRegValidator($(this).attr('name'), "on"); }else{ suz_callRegValidator($(this).attr('name'), "off"); } }); mlc_updateFormByIPAddressCountryId(); $('body').on('click', '#suzShowPasswordBtn', function() { $('.suzPwdViewMode').get(0).type = 'text'; $('#suzHidePasswordBtn').css('display', 'inline'); $(this).css('display', 'none'); }); $('body').on('click', '#suzHidePasswordBtn', function() { $('.suzPwdViewMode').get(0).type = 'password'; $('#suzShowPasswordBtn').css('display', 'inline'); $(this).css('display', 'none'); }); } // restore (use questionInfo) if("suz_restoreJson" in window ) { for(var i in suz_restoreJson) { var e_name = "enq" + suz_restoreJson[i].idx; var e_value = suz_restoreJson[i].value.replace(/0) { suz_showPassword(); } }); // registration function suz_checkPrev(trgt) { trgt.parents('.suz_rr').prevAll('.suz_rr').each(function() { suz_checkEntryItem($(this)); }); } function suz_checkFollowing(trgt) { trgt.parents('.suz_rr').nextAll('.suz_rr').each(function() { suz_checkEntryItem($(this)); }); } function suz_checkEntryItem(trgt) { if (trgt.hasClass("suzChecked")) { return true; } var prevItem = trgt.find(":text,:password,:radio,select,input[type='email'],input[type='tel']"); if (prevItem.attr('name') == 'verificationCode' || prevItem.attr('name') == 'mobileCountryID') { return true; } if (prevItem.length == 2) { if (prevItem[0].style.display == 'none') { suz_callRegValidator(prevItem[1].name, prevItem[1].value); } else { if (prevItem[1].name == 'mobileNumber' || prevItem[1].name == 'mobilePhoneNumber' || prevItem[1].name == 'phoneNumber') { suz_callRegValidator(prevItem[0].name, prevItem[0].value); suz_callRegValidator(prevItem[1].name, prevItem[1].value); }else{ suz_callRegValidator(prevItem[1].name, prevItem[0].value); } } return true; } else if (prevItem.length == 1) { suz_callRegValidator(prevItem.attr('name'), prevItem.val()); return true; } prevItem = trgt.find(":checkbox"); suz_callRegValidator(prevItem.attr('name'), prevItem.prop('checked') ? 'on' : 'off'); } function suz_getCurrentDomain() { return (typeof kpi_currentDomain == "undefined") ? kpi_originalDomain : kpi_currentDomain; } function suz_callRegValidator(fldNm, fldVal) { var trgtTr = $("#suz_tr_" + fldNm); var trgtDiv = $("#suz_div_" + fldNm); if (fldNm == 'mobileNumber') { trgtDiv = $("#suz_div_mobileCountryID"); } var deferred = new $.Deferred(); $.ajax({ url : suz_getCurrentDomain() + "/ajax/registrationAjax/validator/", data : { fieldName : fldNm, fieldValue : encodeURIComponent(fldVal), token : $("input[name='org.apache.struts.taglib.html.TOKEN']").attr("value") }, dataType : "jsonp", jsonp : "callback", scriptCharset : "UTF-8" }).then(function(data) { if (trgtTr[0]) { if (data['message']) { trgtTr.removeClass("ProperRow"); trgtTr.addClass("is-error"); trgtTr.find("p").html(data['message']); trgtTr.find("p").parent().css('display', 'block'); } else { trgtTr.removeClass("is-error"); trgtTr.addClass("ProperRow"); trgtTr.find("p").html(""); trgtTr.find("p").parent().css('display', 'none'); } trgtTr.addClass("suzChecked") } if (trgtDiv[0]) { if (data['message']) { trgtDiv.addClass("is-error"); trgtDiv.find(".suz_errorMsg").html(data['message']); trgtDiv.find(".suz_errorMsg").css('display', 'block'); window.KeyenceForm.AvailableValidator.removeUnavailableStatus(fldNm); } else { trgtDiv.removeClass("is-error"); trgtDiv.find(".suz_errorMsg").html(""); trgtDiv.find(".suz_errorMsg").css('display', 'none'); window.KeyenceForm.AvailableValidator.changeDisplayNoteText(fldNm); } trgtDiv.addClass("suzChecked") } deferred.resolve(data); }, function(req, stat, err) { if(req.status == 401){ window.location.href = suz_getCurrentDomain() + "/error/tokenError.jsp"; return false; } if(req.status != 0){ alert(err); } deferred.reject(); return false; }); return deferred.promise(); } function suz_callSetForm(fldNm, fldVal) { var trgtTr = $("#suz_tr_" + fldNm); var trgtDiv = $("#suz_div_" + fldNm); var deferred = new $.Deferred(); $.ajax({ url : suz_getCurrentDomain() + "/ajax/registrationAjax/setForm/", data : { fieldName : fldNm, fieldValue : encodeURIComponent(fldVal), token : $("input[name='org.apache.struts.taglib.html.TOKEN']").attr("value") }, dataType : "jsonp", jsonp : "callback", scriptCharset : "UTF-8" }).then(function(data) { deferred.resolve(data); }, function(req, stat, err) { if(req.status == 401){ window.location.href = suz_getCurrentDomain() + "/error/tokenError.jsp"; return false; } alert(err); deferred.reject(); return false; }); return deferred.promise(); } function suz_submitRestriction() { var suz_formfilter = function() { return $(this).find("input[type='submit']").length > 1; }; $("#ContentsArea form").filter(suz_formfilter).each(function() { $(this).find("input[type=text],input[type=password],input[type=radio],input[type=checkbox]").keypress(function(ev) { if ((ev.which && ev.which === 13) || (ev.keyCode && ev.keyCode === 13)) { return false; } }); }); } function suz_showRegisterTopBottomGuide() { var incFlPath = suz_getCurrentDomain() + "/register/entry/register/rwd"; if (document.getElementById('suz_profileTopGuide') != null) { incFlPath = suz_getCurrentDomain() + "/my-keyence/edit-profile/edit/rwd"; } if ($('#suz_agreementControl').html() !== '') { $('#suz_registerTopGuide, #suz_profileTopGuide').load(incFlPath + '/topGuide_'+$('#suz_agreementControl').html()+'.html', function() { $('#suz_registerBottomGuide, #suz_profileBottomGuide').load(incFlPath + '/bottomGuide_'+$('#suz_agreementControl').html()+'.html', function() { $('#suz_registerTopGuide .CustomCheckbox, #suz_registerBottomGuide .CustomCheckbox, #suz_profileTopGuide .CustomCheckbox, #suz_profileBottomGuide .CustomCheckbox').checkbox({ view : true, uiClass : 'CustomCheckbox', labelClass : 'UIElm-check-label', checkedClass : 'checked', disabledClass : 'disabled' }); if ($('#suz_agreementState1').html() !== '') { suz_linkedCheckBox($('#as_agreeBoxCheked input'), true); } if ($('#suz_agreementState2').html() !== '') { suz_linkedSelectCheckBox(1); } if ($('#suz_agreementState3').html() !== '') { suz_linkedSelectCheckBox(2); } if ($('#suz_agreementState4').html() !== '') { suz_linkedSelectCheckBox(3); } suz_checkBoxDecision(); }); }); } else { if ($('#suz_dspLanguage').html() != null && $('#suz_dspLanguage').html() !== '') { var topGuideFileName = incFlPath + '/topGuide_' + $('#suz_dspLanguage').html() + '.html'; var bottomGuideFileName = incFlPath + '/bottomGuide_' + $('#suz_dspLanguage').html() + '.html'; } else { var topGuideFileName = incFlPath + '/topGuide.html'; var bottomGuideFileName = incFlPath + '/bottomGuide.html'; } setKRCheckboxControl(); $('#suz_registerTopGuide, #suz_profileTopGuide').load(topGuideFileName, function() { $('#suz_registerBottomGuide, #suz_profileBottomGuide').load(bottomGuideFileName, function() { suz_checkBoxDecision(); }); }); } } function setKRCheckboxControl() { if ($('#suz_dspLanguage').html() == 'ko-KR') { $('#suz_registerTopGuide .CustomCheckbox, #suz_registerBottomGuide .CustomCheckbox, #suz_profileTopGuide .CustomCheckbox, #suz_profileBottomGuide .CustomCheckbox').checkbox({ view: true ,uiClass: 'CustomCheckbox' ,labelClass: 'UIElm-check-label' ,checkedClass: 'checked' ,disabledClass: 'disabled' }); } } function suz_linkedSelectCheckBox(index){ var box = $('#as_agreeBoxCheked input') var count = 0; box.each(function(){ if(count == index){ $(this).prop('checked', true); $(this).checkbox('checkOn', $(this).attr('id')); } count ++; }); } function suz_linkedCheckBox(checkBoxes, onOff) { checkBoxes.prop('checked', onOff); checkBoxes.each(function(){ if(onOff){ $(this).checkbox('checkOn', $(this).attr('id')); }else{ $(this).checkbox('checkOff', $(this).attr('id')); } }); } function suz_checkBoxDecision() { if ($('#as_agreeBoxCheked input').length == $('#as_agreeBoxCheked input:checked').length) { $('#as_agreeBoxCheked_btn').css({opacity : '1'}).removeClass('checkOff'); $('#as_agreeBoxCheked_btn input,#as_agreeBoxCheked_btn button').prop('disabled', false); $('.js-multiStep-target .js-regForm-btnNext').attr('tabindex', 0).prop('disabled', false).attr('data-disabled', false).attr('aria-disabled', false); if ($('.js-regForm-btnSubmit').is(':visible')) { $('.js-regForm-btnSubmit').attr('data-disabled', false); $('.js-regForm-btnSubmit').attr('tabindex', 0).prop('disabled', false); $('.js-regForm-btnSubmit').parent('.of-inputElement').attr('aria-disabled', false); } } else { $('#as_agreeBoxCheked_btn').css({opacity : '0.3'}).addClass('checkOff'); $('#as_agreeBoxCheked_btn input,#as_agreeBoxCheked_btn button').prop('disabled', true); $('.js-multiStep-target .js-regForm-btnNext').attr('tabindex', -1).prop('disabled', true).attr('data-disabled', true).attr('aria-disabled', true); $('.js-regForm-btnSubmit').attr('data-disabled', true); $('.js-regForm-btnSubmit').attr('tabindex', -1).prop('disabled', true); $('.js-regForm-btnSubmit').parent('.of-inputElement').attr('aria-disabled', true); } } function mlc_resetMultiStepForm() { var KeyenceForm = window.KeyenceForm; var SMSCodeButton = KeyenceForm.SMSCodeButton; var smscodeButtonInfo; var $regArea = $("#suz_regArea"); var panelNum = $('#js-multiStepForm-registration').attr('data-index-current'); if (panelNum === undefined || panelNum === '0') { panelNum = 1; } else { panelNum = window.parseInt(panelNum, 10); } window.MultiStepForm.Register.setPanelAttributes(); if (typeof panelNum === 'number' && !isNaN(panelNum)) { window.MultiStepForm.Register.showPanelByIndex(panelNum - 1); window.MultiStepForm.Register.changeProgress(panelNum); } if ($('#as_agreeBoxCheked').length) { window.suz_checkBoxDecision(); } if (window.KeyenceForm) { window.KeyenceForm.MobileNumberEdit.init(); window.KeyenceForm.SelectCountryNumber.init(); } if (SMSCodeButton && SMSCodeButton.timeIds) { smscodeButtonInfo = SMSCodeButton.timeIds; Object.keys(smscodeButtonInfo).forEach(function (buttonId) { var $button = $regArea.find('#' + buttonId); var buttonElement = $button.get(0); if ($button.length) { window.clearInterval(smscodeButtonInfo[buttonId].timeId); SMSCodeButton.disableButton(buttonElement); SMSCodeButton.replaceButtonText(buttonElement, buttonElement.getAttribute('data-resend-text')); SMSCodeButton.toggleResendCount(buttonElement, 'show'); SMSCodeButton.countResendTime(buttonElement, smscodeButtonInfo[buttonId].timerCount); } }); } } function mlc_updateFormByIPAddressCountryId() { var $regForm = $('#js-multiStepForm-registration'); var observer; var defCountryId = $('#suz_countryID').val(); var updateHTML = function () { $.ajax({ url : suz_getCurrentDomain() + "/ajax/registrationAjax/ipAddressCountryId/", data : {}, dataType : "jsonp", jsonp : "callback", scriptCharset : "UTF-8" }).then(function(data) { if (data && defCountryId != data['countryId']){ $.ajax({ url : suz_getCurrentDomain() + "/ajax/registrationAjax/getFormList/", data : { countryId : data['countryId'], stateId : $("#suz_stateID").val(), token : $("input[name='org.apache.struts.taglib.html.TOKEN']").attr("value"), rwd : document.getElementById("suz-responsive") != null }, dataType : "html", scriptCharset : "UTF-8" }).then(function(html) { $("#suz_regArea").html(html); $("#js-formStep-totalNum").text($("#hidMaxStepCount").val()); suz_showRegisterTopBottomGuide(); if ($('#js-multiStepForm').length) { mlc_resetMultiStepForm(); } }, function(data, status) { suz_showRegisterTopBottomGuide(); }); }else{ suz_showRegisterTopBottomGuide(); } }, function() { suz_showRegisterTopBottomGuide(); }); }; if ($regForm.length) { observer = new MutationObserver(function (mutations) { if (mutations[0].target.classList.contains('is-initialized')) { updateHTML(); observer.disconnect(); } }); observer.observe($regForm.get(0), { attributes: true, attributeFilter: ['class'] }); } else { updateHTML(); } } function suz_showPassword() { $('.suzPwdViewMode').showPassword({ linkClass: 'showPasswordLink form-showPasswordLink', //Class to use for the toggle link linkText: $('.suzShowPassword').html(), //Text for the link showPasswordLinkText: $('.suzHidePassword').html(), //Text for the link when password is not masked showPasswordInputClass: 'form-showPassword', //Class for the text input that will show the password linkRightOffset: 0, //Offset from the right of the parent linkTopOffset: 0 //Offset from the top of the parent }); }