https://www.palmore.or.jp/js/contact/script.js

1/* contact */
2(function ($) {
3	
4	// define
5	var 
6		$contactForm,
7		$cbTextTxt,
8		cbTextCb
9	;
10	
11	function init() {
12		create();
13		eventify();
14		setup();
15	}
16	
17	function create() {
18		$contactForm = $("#contact_form");
19		$cbTextTxt   = $('#checkbox_text_txt');
20		cbTextCb     = '#checkbox_text_cb01';
21	}
22	
23	function eventify() {
24		
25		/* ajax zip 3 */
26		// zip x 1
27//		$(document).on('keyup paste', '#zip', function () {
28//			AjaxZip3.zip2addr(this,'','form_address','form_address');
29//		});
30		// zip x 2
31//		$(document).on('keyup paste', '#zip02', function () {
32//			AjaxZip3.zip2addr('form_zip01','form_zip02','form_pref','form_address01');
33//		});
34		
35		
36		/* checkbox-text */
37		$(document).on('change', cbTextCb, function () {
38			if ($(this).is(':checked')) {
39				$cbTextTxt.removeAttr('disabled').focus();
40			} else {
41				$cbTextTxt.attr('disabled','disabled');
42			}
43		});
44		
45		/* disp-nodisp by radio button */
46//		$(document).on('click', '.handle_user_01', function () {
47//			$('[data-target=handle_user_02]').hide();
48//			$('[data-target=handle_user_01]').fadeIn(1000);
49//			$('#handle_user').val('handle_user_01');
50//		});
51//		$(document).on('click', '.handle_user_02', function () {
52//			$('[data-target=handle_user_01]').hide();
53//			$('[data-target=handle_user_02]').fadeIn(1000);
54//			$('#handle_user').val('handle_user_02');
55//		});
56		
57		/* disp-nodisp by element */
58//		$(document).on('click', '.direct_handle_user_01', function () {
59//			$('[data-target=direct_handle_user_02]').hide();
60//			$('[data-target=direct_handle_user_01]').fadeIn(1000);
61//			$('#direct_handle_user').val('direct_handle_user_01');
62//			$('#direct_handle_user_01').removeClass('bc_white').addClass('bc_black');
63//			$('#direct_handle_user_02').removeClass('bc_black').addClass('bc_white');
64//		});
65//		$(document).on('click', '.direct_handle_user_02', function () {
66//			$('[data-target=direct_handle_user_01]').hide();
67//			$('[data-target=direct_handle_user_02]').fadeIn(1000);
68//			$('#direct_handle_user').val('direct_handle_user_02');
69//			$('#direct_handle_user_01').removeClass('bc_black').addClass('bc_white');
70//			$('#direct_handle_user_02').removeClass('bc_white').addClass('bc_black');
71//		});
72	}
73	
74	function setup() {
75		
76		$cbTextTxt.attr('disabled','disabled');
77		
78		/* validate */
79		$contactForm.validate({
80			rules: {
81				form_name    : "required",
82				form_email   : {
83					required: true,
84					email   : true
85				},
86				form_message : "required"
87			},
88			messages: {
89				form_name    : "お名前をご入力下さい",
90				form_email   : "メールアドレスをご入力下さい",
91				form_message : "メッセージをご入力下さい（アドレスはご入力いただけません。）"
92			}
93			/* validate_group */
94			,groups: {
95				form_address_gp: "form_zip form_address"
96			},
97			errorPlacement: function (error, element) {
98				if (element.attr("name") === "form_zip" || element.attr("name") === "form_address") {
99					error.insertAfter("#address");
100				} else {
101					error.insertAfter(element);
102				}
103			}
104		});
105		
106		/* datepicker */
107//		$('.datepicker').datepicker({
108//			numberOfMonths : 2,
109//			showButtonPanel: true,
110//			dateFormat     : 'yy-mm-dd',
111//			minDate        : '+1d'
112//		});
113	}
114	
115	function windowload() {
116	}
117	
118	$(function () {
119		init();
120	});
121	
122	$(window).on('load', function() {
123		windowload();
124	});
125	
126})(jQuery);