const cform2BaseUrl = '/sokenpaint/cform2'; const cform2BaseDiv = 'div#cform2'; var cform2InnerHtml = ''; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
無料御見積り依頼無料御見積り依頼
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
    '; cform2InnerHtml += '
  • 1
  • '; cform2InnerHtml += '
  • 2
  • '; cform2InnerHtml += '
  • 3
  • '; cform2InnerHtml += '
  • 4
  • '; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
ご自宅の階数を選択ください
'; cform2InnerHtml += '
'; cform2InnerHtml += ''; cform2InnerHtml += ''; cform2InnerHtml += '
'; cform2InnerHtml += ''; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
    '; cform2InnerHtml += '
  • 1
  • '; cform2InnerHtml += '
  • 2
  • '; cform2InnerHtml += '
  • 3
  • '; cform2InnerHtml += '
  • 4
  • '; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
延床面積必須
'; cform2InnerHtml += '
'; cform2InnerHtml += ''; cform2InnerHtml += ''; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
築年数必須
'; cform2InnerHtml += '
'; cform2InnerHtml += ''; cform2InnerHtml += ''; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
内窓
設置(8枚)任意
'; cform2InnerHtml += '
'; cform2InnerHtml += ''; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += ''; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
    '; cform2InnerHtml += '
  • 1
  • '; cform2InnerHtml += '
  • 2
  • '; cform2InnerHtml += '
  • 3
  • '; cform2InnerHtml += '
  • 4
  • '; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
お名前必須
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
ご年齢任意
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
お住いの
都道府県必須
'; cform2InnerHtml += '
'; cform2InnerHtml += ''; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += ''; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
    '; cform2InnerHtml += '
  • 1
  • '; cform2InnerHtml += '
  • 2
  • '; cform2InnerHtml += '
  • 3
  • '; cform2InnerHtml += '
  • 4
  • '; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
電話番号必須
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
メールアドレス必須
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
個人情報の取り扱い・利用規約に同意の上、送信をお願いします。
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += ''; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += '
'; cform2InnerHtml += ''; cform2InnerHtml += ''; cform2InnerHtml += '
'; cform2InnerHtml += '
'; document.querySelector(cform2BaseDiv).insertAdjacentHTML('beforeend', cform2InnerHtml); var cform2Pos; var isCform2AutoStep = true; function cform2ValidKaisu(isNotDisplayError) { var result = ($(cform2BaseDiv + ' input[name="kaisu"]:checked').length > 0) ? true : false; if (!isNotDisplayError) { var $error = $(cform2BaseDiv + ' #error-kaisu'); $error.html(''); $error.hide(); if (!result) { $error.html('▲ご選択ください'); $error.show(); } } return result; } function cform2ValidArea(isNotDisplayError) { var result = ($(cform2BaseDiv + ' select[name="area"]').val() != '') ? true : false; var $error = $(cform2BaseDiv + ' #error-area'); if (!isNotDisplayError) { $error.html(''); $error.hide(); if (!result) { $error.html('▲ご選択ください'); $error.show(); } } return result; } function cform2ValidConstage(isNotDisplayError) { var result = ($(cform2BaseDiv + ' select[name="constage"]').val() != '') ? true : false; var $error = $(cform2BaseDiv + ' #error-constage'); if (!isNotDisplayError) { $error.html(''); $error.hide(); if (!result) { $error.html('▲ご選択ください'); $error.show(); } } return result; } function cform2ValidWindow(isNotDisplayError) { var result = ($(cform2BaseDiv + ' select[name="window"]').val() != '') ? true : false; return result; } function cform2ValidName(isNotDisplayError) { var result = ($(cform2BaseDiv + ' input[name="name"]').val() != '') ? true : false; if (!isNotDisplayError) { var $error = $(cform2BaseDiv + ' #error-name'); $error.html(''); $error.hide(); if (!result) { $error.html('▲ご入力ください'); $error.show(); } } return result; } function cform2ValidAge(isNotDisplayError) { var result = ($(cform2BaseDiv + ' select[name="age"]').val() != '') ? true : false; return result; } function cform2ValidPrefecture(isNotDisplayError) { var result = ($(cform2BaseDiv + ' select[name="prefecture"]').val() != '') ? true : false; if (!isNotDisplayError) { var $error = $(cform2BaseDiv + ' #error-prefecture'); $error.html(''); $error.hide(); if (!result) { $error.html('▲ご選択ください'); $error.show(); } } return result; } function cform2ValidTel(isNotDisplayError) { var result = true; var error = ''; var value = $(cform2BaseDiv + ' input[name="tel"]').val(); if (value == '') { error = '▲ご入力ください'; result = false; } else if (!value.match(/^[01234567890123456789]+$/)) { error = '▲数字でご入力ください'; result = false; } if (!isNotDisplayError) { var $error = $(cform2BaseDiv + ' #error-tel'); $error.html(''); $error.hide(); if (!result) { $error.html(error); $error.show(); } } return result; } function cform2ValidEmail(isNotDisplayError) { var result = true; var error = ''; var value = $(cform2BaseDiv + ' input[name="email"]').val(); if (value == '') { error = '▲ご入力ください'; result = false; } else if (!value.match(/^[a-zA-Z0-9\"\._\?\+\/-]+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/)) { error = '▲正しいメールアドレスをご入力ください'; result = false; } if (!isNotDisplayError) { var $error = $(cform2BaseDiv + ' #error-email'); $error.html(''); $error.hide(); if (!result) { $error.html(error); $error.show(); } } return result; } function enableNstepbtn2() { $button = $(cform2BaseDiv + ' button.nstepbtn2'); if (cform2ValidKaisu(true)) { $button.addClass('act'); if (isCform2AutoStep) { openNstep2(); } } else { $button.removeClass('act'); } } function enableNstepbtn3() { $button = $(cform2BaseDiv + ' button.nstepbtn3'); if (cform2ValidArea(true) && cform2ValidConstage(true)) { $button.addClass('act'); if (isCform2AutoStep) { if (cform2ValidWindow()) { openNstep3(); } } } else { $button.removeClass('act'); } } function enableNstepbtn4() { $button = $(cform2BaseDiv + ' button.nstepbtn4'); if (cform2ValidName(true) && cform2ValidPrefecture(true)) { $button.addClass('act'); } else { $button.removeClass('act'); } } function enableSubmitbtn() { $button = $(cform2BaseDiv + ' button#submit'); if (cform2ValidTel(true) && cform2ValidEmail(true)) { $button.addClass('act'); } else { $button.removeClass('act'); } } function moveFormTop() { $('body,html').animate({ scrollTop: cform2Pos }, 0); } function openNstep2() { $('#nstep2').css('display', 'block'); $('#nstep1').css('display', 'none'); $('#nstep3').css('display', 'none'); $('#nstep4').css('display', 'none'); moveFormTop(); } function openNstep3() { $('#nstep3').css('display', 'block'); $('#nstep1').css('display', 'none'); $('#nstep2').css('display', 'none'); $('#nstep4').css('display', 'none'); moveFormTop(); } function openNstep4() { $('#nstep4').css('display', 'block'); $('#nstep1').css('display', 'none'); $('#nstep2').css('display', 'none'); $('#nstep3').css('display', 'none'); moveFormTop(); } (function($) { $(window).on('load', function() { if ($('div.pc_b').css('display') == 'none') { cform2Pos = $('#stepfm2').offset().top - $('header.header').height(); } else { cform2Pos = $('#stepfm2').offset().top - $('div.pc_b').height(); } $('.nbackbtn1').click(function() { $('#nstep1').css('display', 'block'); $('#nstep2').css('display', 'none'); $('#nstep3').css('display', 'none'); $('#nstep4').css('display', 'none'); moveFormTop(); }); $('.nbackbtn2').click(function() { $('#nstep2').css('display', 'block'); $('#nstep1').css('display', 'none'); $('#nstep3').css('display', 'none'); $('#nstep4').css('display', 'none'); moveFormTop(); }); $('.nbackbtn3').click(function() { $('#nstep3').css('display', 'block'); $('#nstep1').css('display', 'none'); $('#nstep2').css('display', 'none'); $('#nstep4').css('display', 'none'); moveFormTop(); }); $('.nstepbtn2').click(function() { if (cform2ValidKaisu()) { openNstep2(); return true; } moveFormTop(); return false; }); $('.nstepbtn3').click(function() { var isValidArea = cform2ValidArea(); var isValidConstage = cform2ValidConstage(); if (isValidArea && isValidConstage) { openNstep3(); return true; } moveFormTop(); return false; }); $('.nstepbtn4').click(function() { var isValidName = cform2ValidName(); var isValidAge = cform2ValidAge(); var isValidPrefecture = cform2ValidPrefecture(); if (isValidName && isValidPrefecture) { openNstep4(); return true; } moveFormTop(); return false; }); $(cform2BaseDiv + ' form#stepfm2').on('submit', function() { var isValidTel = cform2ValidTel(); var isValidEmail = cform2ValidEmail(); if (isValidTel && isValidEmail) { $('button#submit').prop('disabled', true); $.ajax({ url: cform2BaseUrl + '/get_csrf.php', type: 'get', cache: false, async: false, dataType: 'json' }).done(function(json) { if (json.data.csrf != undefined) { $('input[name="csrf"]').val(json.data.csrf); } }); return true; } moveFormTop(); return false; }); $(cform2BaseDiv + ' .error').hide(); $(cform2BaseDiv + ' button').removeClass('act'); $(cform2BaseDiv + ' input[name="redirect_url"]').val(location.href); $(cform2BaseDiv + ' input[name="kaisu"]').on('click', function() { cform2ValidKaisu(); enableNstepbtn2(); }); $(cform2BaseDiv + ' select[name="area"]').on('change blur', function() { cform2ValidArea(); enableNstepbtn3(); }); $(cform2BaseDiv + ' select[name="constage"]').on('change blur', function() { cform2ValidConstage(); enableNstepbtn3(); }); $(cform2BaseDiv + ' select[name="window"]').on('change blur', function() { cform2ValidWindow(); enableNstepbtn3(); }); $(cform2BaseDiv + ' input[name="name"]').on('blur', function() { cform2ValidName(); enableNstepbtn4(); }); $(cform2BaseDiv + ' select[name="age"]').on('change blur', function() { cform2ValidAge(); enableNstepbtn4(); }); $(cform2BaseDiv + ' select[name="prefecture"]').on('change blur', function() { cform2ValidPrefecture(); enableNstepbtn4(); }); $(cform2BaseDiv + ' input[name="tel"]').on('blur', function() { cform2ValidTel(); enableSubmitbtn(); }); $(cform2BaseDiv + ' input[name="email"]').on('blur', function() { cform2ValidEmail(); enableSubmitbtn(); }); }); })(jQuery);