const cform2BaseUrl = '/sokenpaint/cform2';
const cform2BaseDiv = 'div#cform2';
var 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);