var base64; var ddls; $(function () { if (!Array.prototype.filter) { Array.prototype.filter = function (fun /*, thisp */) { "use strict"; if (this === null) throw new TypeError(); var t = Object(this); var len = t.length >>> 0; if (typeof fun !== "function") throw new TypeError(); var res = []; var thisp = arguments[1]; for (var i = 0; i < len; i++) { if (i in t) { var val = t[i]; // in case fun mutates this if (fun.call(thisp, val, i, t)) res.push(val); } } return res; }; } const swalz = Swal.mixin({ showClass: { popup: 'animated fadeInDown faster' }, hideClass: { popup: 'animated fadeOutUp faster' } }); //欄位名對應 var fields = { 'cProductModel_ID': '產品型號', 'cOrder_SN': '訂單編號', 'cProduct_IMEI': '產品IMEI', 'cProduct_SN': '產品S/N', 'cProject_ID': '活動', 'cBookStore_ID': '購買店點', 'cUser_Identification': '身分證字號', 'cUser_Nationality': '籍別', 'cUser_Name': '姓名', 'cUser_Sex': '性別', 'cUser_EMail': 'E-mail', 'cUser_Birthday': '出生日期', 'cUser_Phone': '聯絡電話', 'cUser_Carrier': '購物金使用平台', 'district': '縣市/鄉鎮區域', 'cUser_Address': '贈品寄送地址', 'cInvoice_No': '發票號碼', 'cInvoice_Date': '發票日期', 'cInvoice_Price': '發票金額', 'cUsed_Brand': '手機品牌', 'cUsed_Model': '手機型號', 'cUsed_Other': '其他手機品牌/型號', 'cUser_Type': '您是否為預購消費者', 'cIsAgree1222': '同意本活動相關規定及辦法。', 'validCode': '驗證碼', 'zipcode': '郵遞區號', 'cIsConfirm2': '確認您是三星智慧館購買消費者', 'cBankCode': '匯款銀行代碼', 'cBackAccount_En': '匯款銀行帳號', 'cBranchClerk': '店員姓名', 'cEasyCard_Phone': '悠遊卡記名手機號碼', 'cEasyCard_ID': 'Samsung Pay 悠遊卡卡號', 'cSCare_Channel': '購機通路' }; //回上一步或去其它頁 $("button.gonext").click(function () { if ($(this).data("u") !== undefined) { if ($(this).data("g") == '_blank') { //是否另開 window.open($(this).data("u"), '_blank') } else { location.replace($(this).data("u")); } } else { location.replace('index.aspx'); } return false; }); if (id('aBtn')) { //step1.選擇產品機型 $("input[name=cInvoice_Date]").attr('readonly', true).datepicker({ format: "yyyy/mm/dd", changeMonth: true, changeYear: true, showButtonPanel: true, endDate: new Date() }); //startDate: new Date($("input[name=cInvoice_Date]").data("y"), $("input[name=cInvoice_Date]").data("m"), $("input[name=cInvoice_Date]").data("d")), //產品型號選擇 $("select[name=cProductGroup_ID]").change(function () { //產品群組 $("select[name=cProductModel_ID]").find('option:not(:eq(0))').remove(); if ($("select[name=cProductGroup_ID]").val() !== "") { $('select[name=cProduct_Temp] option[data-g=' + $("select[name=cProductGroup_ID]").val() + ']').clone().appendTo('select[name=cProductModel_ID]'); } }); if ($("select[name=cProductGroup_ID]").val() !== "") { $("select[name=cProductGroup_ID]").trigger('change'); } $("select[name=cProductModel_ID]").change(function () { var o = $("select[name=cProductModel_ID] option:selected").data("o"); var t = $("select[name=cProductModel_ID] option:selected").data("t"); //1,2有IMEI/SN, 3(wifi,僅SN) var y = $("select[name=cProductModel_ID] option:selected").data("y"); var m = $("select[name=cProductModel_ID] option:selected").data("m"); var d = $("select[name=cProductModel_ID] option:selected").data("d"); var i = $("select[name=cProductModel_ID] option:selected").data("i"); //SN長度 if (new Date(y, m, d) > new Date()) { $("input[name=cInvoice_Date]").val('').attr('placeholder', '該產品機型尚未開放登錄'); } else { $("input[name=cInvoice_Date]").attr('placeholder', '請選擇發票日期'); } $("input[name=cInvoice_Date]").attr('readonly', true).datepicker('remove').datepicker({ format: "yyyy/mm/dd", changeMonth: true, changeYear: true, showButtonPanel: true, startDate: new Date(y, m, d), endDate: new Date() }); if (o != '1') { //表示該機型同時有預購 $("#osnBox").removeClass("hide"); //$("input[name=cOrder_SN]").val($("input[name=cUsed_Other]").data("d")).removeClass('hide').attr('required', true); } else { $("#osnBox").removeClass("hide").addClass("hide"); $('input[name=cIsConfirm]').prop('checked', false); } if (t === 'WIFI') { $("input[name=cProduct_IMEI]").attr({ 'disabled': true }).removeAttr('required').val(''); $(".btn-open-imei").css("display", "none"); $(".btn-open-sn").css("display", "flex"); $(".imeiBox").addClass("hide"); } else { $("input[name=cProduct_IMEI]").attr({ 'required': true }).removeAttr('disabled'); $(".btn-open-imei").css("display", "flex"); $(".btn-open-sn").css("display", "none"); $(".imeiBox").removeClass("hide"); } $("input[name=cProduct_SN]").attr("maxlength", i); if ($("input[name=cProduct_SN]").val().length != i) $("input[name=cProduct_SN]").val(''); }); if ($("select[name=cProductModel_ID]").val() !== "") { $("select[name=cProductModel_ID]").trigger('change'); } $("input[name=cIsConfirm]").click(function () { if ($("input[name=cIsConfirm]:checked").val() != undefined) { $("input[name=cOrder_SN]").val('').attr({ 'disabled': true }); } else { $("input[name=cOrder_SN]").removeAttr('disabled'); } }); $("select[name=cSCare_Channel]").change(function () { if ($(this).val() !== '三星體驗館/三星智慧館') { $("input[name=cIsConfirm]:eq(0)").prop({ 'checked': true, 'disabled': true }); $("input[name=cOrder_SN]").val('').attr({ 'disabled': true }); } else { $("input[name=cIsConfirm]:eq(0)").removeProp('disabled').removeProp('checked'); $("input[name=cOrder_SN]").removeAttr('disabled'); } }); $("#aBtn").click(function (e) { var url = $(this).data("u"); if (!checkEmpty() || !checkFormat() || !checkPreorder()) { e.preventDefault(); e.stopPropagation(); return false; } else { $('html').addClass('loading'); $.post("/api/ajax_underway.ashx", $("#form1").serialize(), function (data) { if (data.status < 0) { swalz.fire(data.message, "", "error"); $('html').removeClass('loading'); } else { if ($("input[name=ppath]").val() === 'H') { location.replace("bstep" + data.message + ".aspx"); } else { location.replace(url); } } }, "json"); } return false; }); } if (id('goback')) { if ($('.select-status').length == 0) { //沒有任何活動, pop轉頁 swalz.fire({ title: "無活動可登錄", html: "很抱歉,您填寫的產品目前無可登錄之活動", icon: "info", timer: 5000, confirmButtonText: "返回上一頁" }).then(function (result) { //導頁寫在此 window.location.href = $("#goback").data('u'); }); } } if (id('bBtn')) { //step2.選擇活動 var confirmTxt = ""; if ($('.ses-select-card-wrap').find("div[data-t='H1']").length > 0) { $('.ses-select-card-wrap').find("div[data-t='C1']").removeClass('disabled'); //延保暫時移存不可填 } $(".disabled").css("cursor", "default"); $(".ses-select-card:not(.disabled)").click(function (e) { $(this).toggleClass("active"); if ($(this).hasClass("srdo")) { //care+(多選一, 若登錄有單一保險贈品,則登錄移除) $(".srdo").not($(this)).removeClass("active"); if ($("div[data-i=1]").length > 0) { if ($(this).hasClass("active")) { $("div[data-i=1]").removeClass("active"); } else { $("div[data-i=1]").addClass("active"); } } } }); $("#bBtn").click(function (e) { var poj = ""; tradein = false; chk = true; if ($('.ses-select-card-wrap').find("div[data-t='H1']").length > 0) { if ($(".srdo").length > 0) { if ($(".srdo.active").length == 0) { chk = false; } } } $(".ses-card-group .active").each(function () { poj += $(this).data("v") + ","; if ($(this).data("t") === 'T') tradein = true; }); //$('[data-k=1]').each(function () { // if ($(this).hasClass("active")) { //有勾選 // oline = " [" + $(".select-name", this).text() + "] 購買截止日為 " + $(this).data("e") + "
請確認您符合活動資格, 否則審件將無法通過"; // } else { // oline = " [" + $(".select-name", this).text() + "] 購買截止日為 " + $(this).data("e") + "
若您符合活動資格, 可選擇登錄"; // } //}); if (poj === '') { //e.preventDefault(); //e.stopPropagation(); swalz.fire("請至少選擇一個活動", "", "warning"); return false; } else if (chk === false) { swalz.fire("請選擇保固方案", "", "warning"); return false; } else { $("input[name=cProject_ID]").val(poj); activeSend(tradein); } return false; }); var activeSend = function (nxttrade) { $('html').addClass('loading'); $.post("/api/ajax_underway.ashx", $("#form1").serialize(), function (data) { if (data.status < 0) { swalz.fire(data.message, "", "error"); $('html').removeClass('loading'); } else { var nxturl = $("#bBtn").data("u"); if (nxttrade === true) nxturl = "btradein2.aspx"; location.replace(nxturl); } }, "json"); } } if (id('cBtn')) { //step3.購機資料 $('#twzipcode').twzipcode({ readonly: true }); $("input[name=cUser_Birthday]").attr('readonly', true).datepicker({ format: "yyyy/mm/dd", changeMonth: true, changeYear: true, showButtonPanel: true, startDate: new Date(1919, 0, 1), endDate: $("input[name=cUser_Birthday]").data("e"), defaultViewDate: new Date(1985, 5, 15) }); $("input.datepickerz").attr('readonly', true).datepicker({ format: "yyyy/mm/dd", changeMonth: true, changeYear: true, showButtonPanel: true, startDate: new Date($("input[name=cInvoice_Date]").data("y"), $("input[name=cInvoice_Date]").data("m"), $("input[name=cInvoice_Date]").data("d")), endDate: new Date() }); if (id('psevc_yes')) { //有購機品牌必填 $(".suvBox .text-danger").addClass("hide"); $("select[name=cUsed_Brand]").attr('required', true); } $("select[name=cUsed_Brand]").change(function () { //手機品牌 var o = $('select[name=cUsed_Brand] option:selected').data("o"); if (o === "X") { $("input[name=cUsed_Other]").val($("input[name=cUsed_Other]").data("d")).removeClass('hide').attr('required', true); $("select[name=cUsed_Model]").val('').find('option:not(:eq(0))').remove().end().removeAttr('required').attr('disabled', true); } else if (o === "XX") { $("input[name=cUsed_Other]").val($("input[name=cUsed_Other]").data("d")).removeAttr("required").addClass('hide'); $("select[name=cUsed_Model]").val('').find('option:not(:eq(0))').remove().end().removeAttr('required').attr('disabled', true); } else { $("input[name=cUsed_Other]").val($("input[name=cUsed_Other]").data("d")).removeAttr("required").addClass('hide'); $("select[name=cUsed_Model]").find('option:not(:eq(0))').remove().end().removeAttr("disabled").removeAttr("required"); if ($("select[name=cUsed_Brand]").val() !== "") { $("select[name=cUsed_Model]").attr('required', true); $('select[name=cUsed_Model_Temp] option[data-t=' + $("select[name=cUsed_Brand]").val() + ']').clone().appendTo('select[name=cUsed_Model]'); $("select[name=cUsed_Model_Temp]").find('option:last').clone().appendTo('select[name=cUsed_Model]'); } } if ($('select[name=cUsed_Brand]').val().toLowerCase() === 'apple') { $(".sevcBox").removeClass("hide"); $("input[name=cTransferSevc_ID]:eq(0)").prop('checked', true); if ($("select[name=cTransferSevc_Answer1]").length > 0) { //下拉看要不要必填 if ($("select[name=cTransferSevc_Answer1]").data("q") != "") { $("select[name=cTransferSevc_Answer1]").attr('required', true); } } //$("input[name=cTransferSevc_ID]").attr('required', true).attr('checked', true); } else { $(".sevcBox").addClass("hide"); $("input[name=cTransferSevc_ID]:eq(0)").removeProp('checked'); $("select[name=cTransferSevc_Answer1]").removeAttr('required'); //$("input[name=cTransferSevc_ID]").removeAttr('required'); } }); if ($("select[name=cUsed_Brand]").val() !== "") { $("select[name=cUsed_Brand]").trigger('change'); } $("select[name=cUsed_Model]").change(function () { //手機型號 var o = $('select[name=cUsed_Model] option:selected').data("o"); if (o === "X") { $("input[name=cUsed_Other]").val($("input[name=cUsed_Other]").data("d")).removeClass('hide').attr('required', true); } else { $("input[name=cUsed_Other]").val($("input[name=cUsed_Other]").data("d")).addClass('hide').attr('required', false); } }); if ($("select[name=cUsed_Model]").val() !== "") { $("select[name=cUsed_Model]").trigger('change'); } $("select[name=cCity]").change(function () { //購買店點 $("select[name=cBookStore_ID]").find('option:not(:eq(0))').remove().end().removeAttr("disabled").attr('required', true); if ($("select[name=cCity]").val() !== "") { $('select[name=cBookStore_Temp] option[data-t=' + $("select[name=cCity]").val() + ']').clone().appendTo('select[name=cBookStore_ID]'); } }); if ($("select[name=cCity]").val() !== "") { $("select[name=cCity]").trigger('change'); } //同意放棄悠遊卡 $("input[name=cIsAssent]").click(function () { if ($("input[name=cIsAssent]:checked").val() != undefined) { $("input[name=cEasyCard_Phone],input[name=cEasyCard_ID]").val('').removeAttr('required').attr({ 'disabled': true }); } else { $("input[name=cEasyCard_Phone],input[name=cEasyCard_ID]").removeAttr('disabled').attr('required', true); } }); //同意參加悠遊卡銀行活動 $("input[name=cEasyBank_QuoteID]").click(function () { if ($("input[name=cEasyBank_QuoteID]:checked").val() != -1) { $(".eaBankBox").removeClass('hide'); $("input[name=cEasyBank_CardID1],input[name=cEasyBank_CardID2]").attr('required', true); } else { $(".eaBankBox").addClass('hide'); $("input[name=cEasyBank_CardID1],input[name=cEasyBank_CardID2]").val('').removeAttr('required'); } }); //同意參加代代換新 $("input[name=cIsTurn]").click(function () { if ($("input[name=cIsTurn]:checked").val() == 'Y') { $(".sn-popup").fadeIn("fast"); } else { } }); //自定問券不同意提示 //$("input[type=radio][id$='N_X']").click(function () { // console.log('abcde'); // if ($(this).is(':checked')) { // $(".imei-popup").fadeIn("fast"); // } else { // } //}); //若有附加則附加問卷必填 $("input[name=cIsAid]").click(function () { if ($("input[name=cIsAid]:checked").val() == 'Y') { $("[name=cPlus_Answer1]").attr('required', true); } else { $("[name=cPlus_Answer1]").removeAttr('required'); } }); console.log($("input[name=cIsAid]").length); $("#cBtn").click(function (e) { var url = $(this).data("u"); var qurl = ""; if (!checkEmpty() || !checkFormat() || !checkEasycard()) { e.preventDefault(); e.stopPropagation(); return false; } else { if ($("input[name=cIsAid]").length > 0) { //如果有意願參加搭配活動 var q = "False"; $("input[name=cIsAid]").each(function () { if ($(this).data('v') == 'True') q = "True"; }); if (q == 'True' && $("#cBtn").data("q") !== '') qurl = $(this).data("q"); } $("input[name=cTransferSevc_ID]:eq(0),input[name=cIsAid]:eq(0)").removeAttr('disabled'); $('html').addClass('loading'); $.post("/api/ajax_underway.ashx", $("#form1").serialize(), function (data) { if (data.status < 0) { $("input[name=cTransferSevc_ID]:eq(0),input[name=cIsAid]:eq(0)").attr('disabled', true); swalz.fire(data.message, "", "error"); $('html').removeClass('loading'); } else { if ($("input[name=chkVoucher]").val() == 'Y') { //有要上傳 if (qurl !== "") url = qurl; //如有搭配去上圖 location.replace(url); } else { //不上傳, 再直接送出後轉頁 if (qurl !== "") { location.replace(qurl); //如有搭配去上圖 } else { $("input[name=mode]").val('E'); $.post("/api/ajax_underway.ashx", $("#form1").serialize(), function (data) { if (data.status < 0) { $("input[name=cTransferSevc_ID]:eq(0),input[name=cIsAid]:eq(0)").attr('disabled', true); swalz.fire(data.message, "", "error"); $('html').removeClass('loading'); } else { location.replace(url); } }, "json"); } } } }, "json"); } return false; }); } if (id('dBtn')) { //step4.上傳圖檔 console.log($(".preview-image").attr("src")); //if ($("input[name=cUser_Base64]").val() !== "") { // putVoucher($("input[name=cUser_Base64]").val()); //} $("#dBtn").click(function () { //確認送出 if ($("input[name=cUser_Base64]").val() === "") { //點過上傳 swalz.fire("請確實上傳購買憑證", "", "error"); } else { $('html').addClass('loading'); var url = $(this).data("u"); $.post("/api/ajax_underway.ashx", $("#form1").serialize(), function (data) { if (data.status < 0) { swalz.fire(data.message, "", "error"); $('html').removeClass('loading'); if (data.status == -99) { location.replace('bstep1.aspx'); } } else { if ($("input[name=chkVoucher]").val() == 'N' && $("input[name=mode]").val() == 'Q') { //不需憑證了 $("input[name=mode]").val('E'); $.post("/api/ajax_underway.ashx", $("#form1").serialize(), function (data) { if (data.status < 0) { swalz.fire(data.message, "", "error"); $('html').removeClass('loading'); } else { location.replace(url); } }, "json"); } else { location.replace(url); } } }, "json"); } return false; }); if (id('st')) { var timer1 = $('.timer1').startTimer({ elementContainer: 'span', onComplete: function (element) { $('#st').hide(); } }).trigger('start'); var timer2 = $('.timer2').startTimer({ onComplete: function (element) { loadVoucher(); }, loop: true, //optional, enable loop loopLimit: 0, loopInterval: 3 //optional }); timer2.trigger('start'); } var loadVoucher = function () { $.post("/api/ajax_underway.ashx", { mode: "P", htoken: $("input[name=htoken]").val(), basetype: $("input[name=basetype]").val(), uo: $("input[name=uo]").val() }, function (data) { if (data.status == 1) { $("input[name=cUser_Base64]").val(data.objectz); putVoucher(data.objectz); } }, "json"); }; //setTimeout(loadVoucher, 3000); } if (id('mBtn')) { //mobile to pic $("#mBtn").click(function () { //確認送出 if ($("input[name=cUser_Base64]").val() === "") { //點過上傳 alert("請確實上傳購買憑證"); } else { $('html').addClass('loading'); $.post("/api/ajax_underway.ashx", $("#form1").serialize(), function (data) { $('html').removeClass('loading'); $('#st1').hide(); $('#st2').show(); //window.opener = null; //window.close(); }, "json"); } return false; }); } //查詢 if (id('sBtn')) { $("#iconV").click(function () { $("#imgV").attr("src", "/api/ajax_captcha.ashx?r=" + Math.random()); return false; }); $("#sBtn").click(function (e) { var url = $(this).data("u"); if (!checkEmpty() || !checkFormat()) { e.preventDefault(); e.stopPropagation(); return false; } else { $('html').addClass('loading'); $.post("/api/ajax_underway.ashx", $("#form1").serialize(), function (data) { if (data.status < 0) { swalz.fire(data.message, "", "error"); $('html').removeClass('loading'); $("#imgV").attr("src", "/api/ajax_captcha.ashx?r=" + Math.random()); } else { location.replace(url); } }, "json"); } return false; }); } if (id('fBtn')) { //會員個資 $('#twzipcode').twzipcode({ readonly: true }); $("input[name=cUser_Birthday]").attr('readonly', true).datepicker({ format: "yyyy/mm/dd", changeMonth: true, changeYear: true, showButtonPanel: true, startDate: new Date(1919, 0, 1), endDate: new Date(2013, 11, 31), defaultViewDate: new Date(1985, 5, 15) }); $("#fBtn").click(function (e) { var url = $(this).data("u"); if (!checkEmpty() || !checkFormat()) { e.preventDefault(); e.stopPropagation(); return false; } else { $('html').addClass('loading'); $.post("/api/ajax_underway.ashx", $("#form1").serialize(), function (data) { if (data.status < 0) { swalz.fire(data.message, "", "error"); if (data.status == -99) { location.replace('user_signin.aspx'); } else { $('html').removeClass('loading'); } } else { location.replace(url); } }, "json"); } return false; }); } if (id('qBtn')) { //查詢 $("#qBtn").click(function (e) { var url = $(this).data("u"); location.replace(url); return false; }); $('.venobox_custom').venobox({ overlayColor: 'rgba(133,133,133,0.85)', closeBackground: '#1428a0', closeColor: '#fff' }); } //取消(登出) if (id('oBtn')) { $("#oBtn, #oBtn2").on('click', function (e) { var url = $(this).attr("href"); $('html').addClass('loading'); $.post("/api/ajax_underway.ashx", { mode: "O" }, function (data) { if (data.status < 0) { swalz.fire(data.message, "", "error"); $('html').removeClass('loading'); } else { location.replace(url); } }, "json"); // return false; }); } //檢查是否預購消費者 function checkPreorder() { var message = ''; //console.log($("#osnBox").is(':visible')) if ($('#osnBox').is(':visible')) { if ($('input[name=cOrder_SN]').val() == "" && $('input[name=cIsConfirm]:checked').val() == undefined) { message = '請填寫您的預購編號或勾選確認您沒有預購編號'; } } if (message !== '') { swalz.fire(message, "", "error"); message = ''; return false; } else { return true; } } //悠遊卡再確認 function checkEasycard() { var message = ''; //console.log($("#osnBox").is(':visible')) if (id('assentbox')) { if (($("input[name=cIsAssent]:checked").val() == 'N')) { return confirm('請再次確認您是否 [同意自願放棄悠遊卡活動登錄 ,並不得再補登]?'); } else { return true; } } else { return true; } } //檢查格式 function checkFormat() { var message = ''; obj = ''; $('input[data-validate],textarea[data-validate]').each(function (index, element) { // new RegExp('ab+c', 'i'); var regexp = new RegExp($(element).data('validate'), 'i'); if (element.name === 'cOrder_SN' && $(element).data('validate') === 'X') { regexp = new RegExp($('select[name=cChannel_ID] option:selected').data("g"), 'i'); } if (element.name === 'cProduct_SN' && $(element).data('validate') === 'X') { regexp = new RegExp("(\\d|\\w){" + $('select[name=cProductModel_ID] option:selected').data("i") + "}", 'i'); console.log($(element).val()); console.log(regexp); } var value = $(element).val(); if (value !== '') { if (!regexp.test(value)) { if (fields[element.name] === undefined) { message = $(element).attr("placeholder") + '的格式不正確,請重新輸入'; } else { message = fields[element.name] + '的格式不正確,請重新輸入'; } obj = element.name; return false; } } }); if (message !== '') { $("[name=" + obj + "]").focus(); swalz.fire(message, "", "error"); message = ''; return false; } else { return true; } } //檢查未填的欄位 function checkEmpty() { var flag = true; var obj = '', message = ''; $('input[required]:not([type=radio]):not([type=checkbox]),select[required],textarea[required]').each(function (index, element) { if ($(element).val() === '') { if (element.tagName.toLowerCase() === 'select') { if (fields[element.name] === undefined) { message = '請選擇[ ' + $(element).data('f') + ']'; } else { message = '請選擇' + fields[element.name]; } } else { if (fields[element.name] === undefined) { message = '請填寫' + $(element).attr("placeholder"); } else { message = '請填寫' + fields[element.name]; if (element.name.indexOf('Easy') >= 0 && id('assentbox')) { message += '或勾選同意自願放棄悠遊卡活動登錄 ,並不得再補登'; } } } obj = element.name; flag = false; return false; } }); if (flag) { $('[type=radio][required],[type=checkbox][required]').each(function (index, element) { var iptn = $(element).attr('type') === 'checkbox' ? '請勾選' : '請選擇'; var group = $(element).attr('name'); //console.log(ipt); if ($('[name=' + group + ']:checked').length === 0) { if ($('[name=' + group + ']:eq(0)').data('f') === undefined) { if (fields[group] === undefined) { message = iptn + ' [' + trims($(element).next().text()) + ' ]'; } else { message = iptn + fields[group]; } } else { message = iptn + ' [' + $('[name=' + group + ']:eq(0)').data('f') + ' ]'; } obj = group; } }); } if (message !== '') { $("[name=" + obj + "]").focus(); swalz.fire(message, "", "warning"); message = ''; return false; } else { return true; } } function readUrl(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { //var imgData = e.target.result; var imgName = input.files[0].name; input.setAttribute("data-title", imgName); // console.log(e.target.result); var image = new Image(); //image.src = e.target.result; getImgData(e.target.result, function (data) { //这里可以使用校正后的图片data了 $('input[name=cUser_Base64]').val(data); image.src = data; image.onload = function () { // access image size here if (id('mBtn')) { //手機版 $('#mBtn').trigger('click'); } else { $(".upload-zone").removeClass('uploaded').addClass('uploaded'); $('.preview-image').attr("src", data); } //$(image).appendTo($('.inputDnD')); //$('.inputDnD').height(image.height); }; }); }; reader.readAsDataURL(input.files[0]); } } window.readUrl = readUrl; function getImgData(img, next) { var image = new Image(); image.onload = function () { var degree = 0, drawWidth, drawHeight; var maxWidth = 2000; drawWidth = this.naturalWidth; drawHeight = this.naturalHeight; //以下改变一下图片大小 var maxSide = Math.max(drawWidth, drawHeight); if (maxSide > maxWidth) { var minSide = Math.min(drawWidth, drawHeight); minSide = minSide / maxSide * maxWidth; maxSide = maxWidth; if (drawWidth > drawHeight) { drawWidth = maxSide; drawHeight = minSide; } else { drawWidth = minSide; drawHeight = maxSide; } } var canvas = document.createElement('canvas'); canvas.width = drawWidth; canvas.height = drawHeight; var context = canvas.getContext('2d'); //context.rotate(degree * Math.PI / 180); context.drawImage(this, 0, 0, drawWidth, drawHeight); //返回校正图片 next(canvas.toDataURL("image/jpeg", .8)); } image.src = img; } }); //----------------------------其它--------------------------------------------------------------------- var putVoucher = function (img) { var image = new Image(); image.src = img; image.onload = function () { // access image size here $(".upload-zone").removeClass('uploaded').addClass('uploaded'); $('.preview-image').attr("src", img); }; } //----------------------------必備--------------------------------------------------------------------- function keyEsc() { var esc = $.Event("keydown", { keyCode: 27 }); $("body").trigger(esc); }; function keyResend() { if (id('qBtn')) { $("#qBtn").trigger('click'); } var esc = $.Event("keydown", { keyCode: 27 }); $("body").trigger(esc); }; function id(DOM) { return document.getElementById(DOM); } function getParam(name, dvalue) { var AllVars = window.location.search.substring(1); var Vars = AllVars.split("&"); for (i = 0; i < Vars.length; i++) { var Var = Vars[i].split("="); if (Var[0] === name) return Var[1]; } return dvalue; } function trims(s) { //return s.replace(/(^[\s]*)|([\s]*$)/g, ""); return s.replace(/\s+/g, ""); }