https://www.satomura.net/contact/script_js/chk_form_custom-2.1.js

1/*
2/ ================================================================ 
3/	chk_form_custom-2.1.js
4/	2018.02.01 初期Ver作成
5/	2023.01.12 Ver2.0作成
6/	2023.12.21 Ver2.0.2仮定
7/	2024.01.30 微調整（ログのみ）
8/	2024.02.06 ラジオボタンのクリア処理追加など
9/	2026.04.23 Verアップデートに伴うファイル名の更新
10/	※要jquery.js
11/	フォーム用送信&チェック
12/
13/ ================================================================ 
14*/
15/*======================================================================
16設定関係
17
18======================================================================*/
19$(function(){
20	console.log('[JsLoad CUSTOM]after_DOM');
21/*=====
22FORM値
23==========*/
24	/* フォーム設置数 */
25	$form_df_num = 1;
26	/* 入力画面 カスタムファイル名 - 例：'index.php' */
27	$form_page_index = '';
28	/* 確認画面 カスタムファイル名 - 例：'confirm.php' */
29	$form_page_confirm = '';
30	/* 完了画面 カスタムファイル名 - 例：'rgst.php' */
31	$form_page_rgst = '';
32	/* */
33	$form_target = '.form_base form input,.form_base form select,.form_base form textarea';
34	/* <form>ID名 */
35	$form_id = {
36		'df_1' : '#mform_df1',
37		//'df_2' : '#mform_df2',
38	};
39	/* リセットボタン */
40	$form_reset_btn = {
41		'#mform_df1' : '[name="form_reset"]',
42		//'#mform_df2' : '[name="form_reset"]',
43	}
44	/*beforeunload除外のボタン */
45	$login_form_btn = {
46		'#mform_df1' : '[name="login_btn"],[name="login_btn2"],[name="login_btn3"]',
47		//'#mform_df2' : '[name="login_btn"],[name="login_btn2"],[name="login_btn3"]',
48	}
49	/* 確認画面へのボタン */
50	$to_conf_btn = {
51		'#mform_df1' : '#to_conf_btn_df1',
52		//'#mform_df2' : '#to_conf_btn_df2',
53	};
54	/* 入力画面へ戻るボタン */
55	$return_btn = '#return_btn';
56	/* 確認画面からの送信ボタン */
57	$submit_btn = '#submit_btn';
58	/* 確認画面<form>ID名 */
59	$return_form_id = '#mform';
60	/* 入力画面に戻った際のスクロール移動 */
61	$came_back_form = {
62	//	'#mform_df1' : 'mform_df1',
63	//	'#mform_df2' : 'mform_df2',
64	};
65	/* 入力画面に戻った際のスクロール位置にプラスする値（マイナスの値も設定可） */
66	//$came_back_form_plus = {
67	//	'#mform_df1' : 0,
68	//	'#mform_df2' : -100,
69	//};
70	/* 入力画面に戻った際のスクロール移動に動作を付ける */
71	//$came_back_form_smooth = 'ON';
72	
73	
74/*=====
75添付ファイルNAME値
76==========*/
77	//InputFileSet('画像ファイル1', '#mform_df1');
78	//InputFileSet('Excelファイル1', '#mform_df1');
79	//InputFileSet('ワードファイル1', '#mform_df1');
80	//InputFileSet('画像ファイル1', '#mform_df2');
81	//InputFileSet('Excelファイル1', '#mform_df2');
82	//InputFileSet('ワードファイル1', '#mform_df2');
83	
84	
85/*=====
86必須条件の可変処理
87	'ON'で動作
88==========*/
89	/* 利用フラグ（ 利用='ON' ／ 未使用='' ） */
90	$req_click_chenge = '';
91	//if( typeof $req_click_chenge !=="undefined" && $req_click_chenge == 'ON' ){
92	//	/* 処理を追加する要素の数だけ記述する */
93	//	$reqCC_target = {
94	//		'#mform_df1' : "テストラジオ,弊社からのご連絡方法 /REQ[]",
95	//		'#mform_df2' : 'パラメータ003[],弊社からのご連絡方法 /REQ[]',
96	//	};
97	//	/* フォームの数だけ記述 */
98	//	ReqChanging('#mform_df1');
99	//	ReqChanging('#mform_df2');
100	//}
101	
102	
103/*=====
104ラジオボタンのクリア処理
105	'ON'で動作
106==========*/
107	/* 利用フラグ（ 利用='ON' ／ 未使用='' ） */
108	$clear_radio_reset = '';
109	//if( typeof $clear_radio_reset !=="undefined" && $clear_radio_reset == 'ON' ){
110	//	$checkedRadioTC_val = new Array;
111	//	/* 処理を追加する要素の数だけ記述する */
112	//	$radioTC_target = {
113	//		'#mform_df1' : "テストラジオ,弊社からのご連絡方法 /REQ[]",
114	//		'#mform_df2' : 'パラメータ003[]',
115	//	};
116	//	/* フォームの数だけ記述 */
117	//	ClearRadio('#mform_df1');
118	//	ClearRadio('#mform_df2');
119	//}
120	
121	
122/*=====
123条件必須設定
124==========*/
125	//$required_by_condition = {
126	//	'#mform_df1' : {
127	//		'FAX' : [
128	//			'FAX /1',
129	//			'FAX /2',
130	//			'FAX /999'
131	//		],
132	//		'ご住所' : [
133	//			'郵便番号',
134	//			'ご住所'
135	//		],
136	//		'ご住所2' : [
137	//			'郵便番号2 /1 /ZIPFLAG',
138	//			'県名',
139	//			'市区町村',
140	//			'町名以降'
141	//		],
142	//		'ご住所2の郵便番号' : [
143	//			'郵便番号2 /2',
144	//			'郵便番号2 /999'
145	//		],
146	//		'生年月日' : [
147	//			'生年月日 /1',
148	//			'生年月日 /2',
149	//			'生年月日 /999'
150	//		]
151	//	},
152	//	'#mform_df2' : {
153	//		'FAX' : [
154	//			'FAX /1',
155	//			'FAX /2',
156	//			'FAX /999'
157	//		],
158	//		'ご住所' : [
159	//			'郵便番号 /ZIPFLAG',
160	//			'郵便番号',
161	//			'ご住所'
162	//		]
163	//	},
164	//};
165	
166	
167/*=====
168Placeholderなどを設定
169	Placeholder
170	文字数
171	autocomplete
172==========*/
173	$elementSettingList = {
174		'#mform_df1' : {
175			'お名前(姓) /REQ' : {
176				'placeholder' : '例：里村',
177				'maxlength' : '10',
178				'autocomplete' : 'family-name'
179			},
180			'お名前(名) /REQ' : {
181				'placeholder' : '例：太郎',
182				'maxlength' : '10',
183				'autocomplete' : 'given-name'
184			},
185			'フリガナ(セイ) /KANAK /REQ' : {
186				'placeholder' : '例：サトムラ',
187				'maxlength' : '10'
188			},
189			'フリガナ(メイ) /KANAK /REQ' : {
190				'placeholder' : '例：タロウ',
191				'maxlength' : '10'
192			},
193            'å¹´é½¢' : {
194				'placeholder' : '例：00',
195				'maxlength' : '2',
196			},
197            '郵便番号 /REQ' : {
198				'placeholder' : '例：242-0012',
199				'maxlength' : '8',
200				'autocomplete' : 'postal-code'
201			},
202			'ご住所 /REQ' : {
203				'placeholder' : '例：神奈川県大和市深見東3丁目1-5',
204				'maxlength' : '50',
205				'autocomplete' : 'address-level1 address-level2 street-address'
206			},
207            '電話番号 /TEL /REQ' : {
208				'placeholder' : '例：046-200-5055',
209				'maxlength' : '13',
210				'autocomplete' : 'tel'
211			},
212            'FAX' : {
213				'placeholder' : '例：046-200-5078',
214				'maxlength' : '13'
215			},
216			'E-mail /ML /REQ' : {
217				'placeholder' : '例：info＠satomura.net',
218				'maxlength' : '50',
219				'autocomplete' : 'email'
220			},
221            '家族構成_大人' : {
222				'placeholder' : '例：00',
223				'maxlength' : '2'
224			},
225            '家族構成_子ども' : {
226				'placeholder' : '例：00',
227				'maxlength' : '2'
228			},
229            '弊社を知ったその他のきっかけ' : {
230				'placeholder' : '例：雑誌、雑貨屋フランに来店して etc.',
231				'maxlength' : '50'
232			},
233            'お問い合わせ内容の詳細' : {
234				'placeholder' : 'お問い合わせ内容に関する詳細はこちらにご入力ください。',
235				'maxlength' : '2000'
236			},
237            '土地ご予算' : {
238				'placeholder' : '例：0000',
239				'maxlength' : '10'
240			},
241            '建物ご予算' : {
242				'placeholder' : '例：0000',
243				'maxlength' : '10'
244			},

245            '諸経費込み総費用' : {
246				'placeholder' : '例：0000',
247				'maxlength' : '10'
248			},
249            '建坪（確定）坪' : {
250				'placeholder' : '例：00',
251				'maxlength' : '10'
252			},
253            '建坪（確定）LDK' : {
254				'placeholder' : '例：3',
255				'maxlength' : '10'
256			},
257            '住宅ローンについて_ご年収(万円)' : {
258				'placeholder' : '例：000',//年収
259				'maxlength' : '10'
260			},
261            '住宅ローンについて_頭金(万円)' : {
262				'placeholder' : '例：000',//頭金
263				'maxlength' : '10'
264			},
265            '住宅ローンについて_住宅の借入ローン残高(万円)' : {
266				'placeholder' : '例：000',//住宅の借入ローン残高
267				'maxlength' : '10'
268			},
269            '住宅ローンについて_その他の借入ローン残高(万円)' : {
270				'placeholder' : '例：000',//車等その他の借入ローン残高
271				'maxlength' : '10'
272			},
273            '住宅ローンについて_勤務先' : {
274				'placeholder' : '例：○○株式会社',//勤務先
275				'maxlength' : '30'
276			},
277            '住宅ローンについて_勤続年数' : {
278				'placeholder' : '例：00',//勤続年数
279				'maxlength' : '2'
280			},
281            '住宅ローンについて_勤務地' : {
282				'placeholder' : '例：神奈川県大和市○○区',//勤務地
283				'maxlength' : '50'
284			},
285            'お持ちの土地の情報_土地坪数' : {
286				'placeholder' : '例：00',//お持ちの土地の広さ
287				'maxlength' : '10'
288			},
289            'お持ちの土地の情報_場所' : {
290				'placeholder' : '例：神奈川県大和市○○区',//お持ちの土地の場所
291				'maxlength' : '30'
292			},
293            '土地の紹介希望条件_広さ' : {
294				'placeholder' : '例：00',//土地の希望の広さ
295				'maxlength' : '10'
296			},
297            '土地の紹介希望条件_場所' : {
298				'placeholder' : '例：神奈川県横浜市○○区',//土地の希望場所
299				'maxlength' : '30'
300			}
301			//'E-mail（確認） /MLCONF /REQ' : {
302			//	'placeholder' : '例：[email protected]',
303			//	'maxlength' : '50',
304			//	'autocomplete' : 'email'
305			//},
306			//'URL' : {
307			//	'placeholder' : '例：https://www.e-life.jp',
308			//	'maxlength' : '50',
309			//	'autocomplete' : 'URL'
310			//},
311			
312			//'郵便番号2 /2' : {
313			//	'placeholder' : '102',
314			//	'maxlength' : '3'
315			//},
316			//'郵便番号2 /999' : {
317			//	'placeholder' : '0072',
318			//	'maxlength' : '4'
319			//},
320			//'県名' : {
321			//	'placeholder' : '例：東京都',
322			//	'maxlength' : '50',
323			//	'autocomplete' : 'address-level1'
324			//},
325			//'市区町村' : {
326			//	'placeholder' : '例：千代田区',
327			//	'maxlength' : '50',
328			//	'autocomplete' : 'address-level2'
329			//},
330			//'町名以降' : {
331			//	'placeholder' : '例：飯田橋3-11-15　UEDAビル5F',
332			//	'maxlength' : '50',
333			//	'autocomplete' : 'street-address'
334			//},
335			//'FAX /1' : {
336			//	'placeholder' : '03',
337			//	'maxlength' : '4'
338			//},
339			//'FAX /2' : {
340			//	'placeholder' : '1234',
341			//	'maxlength' : '4'
342			//},
343			//'FAX /999' : {
344			//	'placeholder' : '5678',
345			//	'maxlength' : '4'
346			//},

347			//'生年月日 /1' : {
348			//	'placeholder' : '1980',
349			//	'maxlength' : '4',
350			//	'autocomplete' : 'bday-year'
351			//},
352			//'生年月日 /2' : {
353			//	'placeholder' : '12',
354			//	'maxlength' : '2',
355			//	'autocomplete' : 'bday-month'
356			//},
357			//'生年月日 /999' : {
358			//	'placeholder' : '25',
359			//	'maxlength' : '2',
360			//	'autocomplete' : 'bday-day'
361			//},
362			//'カレンダー /CLDR' : {
363		 	//	'placeholder' : 'カレンダーから入力',
364		 	//	'maxlength' : '10',
365			//	 'autocomplete' : 'off'
366		 	//},
367		},
368		//'#mform_df2' : {
369		//	'お名前 /REQ' : {
370		//		'placeholder' : '例：2-山田太郎',
371		//		'maxlength'	:	'50',
372		//		'autocomplete' : 'name'
373		//	},
374		//	'ふりがな /KANAH /REQ' : {
375		//		'placeholder' : '例：2-やまだたろう',
376		//		'maxlength' : '50'
377		//	},
378		//	'E-mail /ML /REQ' : {
379		//		'placeholder' : '例：[email protected]',
380		//		'maxlength' : '50',
381		//		'autocomplete' : 'email'
382		//	},
383		//	'E-mail（確認） /MLCONF /REQ' : {
384		//		'placeholder' : '例：[email protected]',
385		//		'maxlength' : '50',
386		//		'autocomplete' : 'email'
387		//	},
388		//	'カレンダー /CLDR' : {
389		//		'placeholder' : 'カレンダーから入力',
390		//		'maxlength' : '10'
391		//	},
392		//	'郵便番号' : {
393		//		'placeholder' : '例：2-102-0072',
394		//		'maxlength' : '8',
395		//		'autocomplete' : 'postal-code'
396		//	},
397		//	'ご住所' : {
398		//		'placeholder' : '例：2-東京都千代田区飯田橋3-11-15　UEDAビル5F',
399		//		'maxlength' : '50',
400		//		'autocomplete' : 'address-level1 address-level2 street-address'
401		//	},
402		//	'郵便番号2 /REQ' : {
403		//		'placeholder' : '例：2-1020072',
404		//		'maxlength' : '8',
405		//		'autocomplete' : 'postal-code'
406		//	},
407		//	'県名 /REQ' : {
408		//		'placeholder' : '例：2-東京都',
409		//		'maxlength' : '50',
410		//		'autocomplete' : 'address-level1'
411		//	},
412		//	'市区町村 /REQ' : {
413		//		'placeholder' : '例：2-千代田区',
414		//		'maxlength' : '50',
415		//		'autocomplete' : 'address-level2'
416		//	},
417		//	'町名番地 /REQ' : {
418		//		'placeholder' : '例：2-飯田橋3-11-15',
419		//		'maxlength' : '50',
420		//		'autocomplete' : 'address-line1'
421		//	},
422		//	'建物名等' : {
423		//		'placeholder' : '例：UEDAビル5F',
424		//		'maxlength' : '50',
425		//		'autocomplete' : 'address-line2'
426		//	},
427		//	'URL' : {
428		//		'placeholder' : '例：https://www.e-life.jp',
429		//		'maxlength' : '50',
430		//		'autocomplete' : 'URL'
431		//	},
432		//	'生年月日' : {
433		//		'placeholder' : '例：1980/12/25',
434		//		'maxlength' : '10',
435		//		'autocomplete' : 'bday'
436		//	},
437		//	'お問い合わせ内容' : {
438		//		'placeholder' : '例：2-○○の物件に関する詳しい話を聞きたい',
439		//		'maxlength' : '2000'
440		//	}
441		//},
442	};
443	
444	
445});