matometaru
12/2/2016 - 6:20 AM

Contact Form7の確認画面時に.is-confirmを付与する

Contact Form7の確認画面時に.is-confirmを付与する

<?php if( $page_slug == 'contact' || $page_slug == 'recruit'  ):?>
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = '/cms/thanks/';
}, false );
</script>
<?php endif; ?>
input[type="text"],
input[type="tel"],
input[type="email"],
select,
textarea {
	/* cancel */
	border-radius: 0;
	-webkit-appearance: none;
	/* custom */
	font-size: 16px;
	border: 1px solid #ddd;
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.12);
	padding: 7px .5em 8px;
	.is-confirm & {
		border: none;
		background: none!important;
		box-shadow: none;
	}	
}
input:-webkit-autofill {
	&.wpcf7c-conf {
		.is-confirm & {
			box-shadow: 0 0 0px 1000px #fff inset;
		}
	}
}
// onだとイベントを重複して登録してしまうので、addEventListnerを使用
on_confirm: "var $wpcf7 = $('.wpcf7'); $wpcf7.addClass('is-confirm');$('#back')[0].addEventListener('click', function() { $wpcf7.removeClass('is_confirm'); });"
//on_sent_ok: "location.replace('/thanks/');" //使用中止