$(function(){ // var flag_name = 0; var flag_kana = 0; var flag_email = 0; var flag_address = 1; var flag_tel = 1; var flag_fax = 1; var flag_txt = 0; // //名前の入力チェック function checkName(){ // var name1 = $('input#name1').val(); var name2 = $('input#name2').val(); // if(name1 == '' && name2 == ''){ $('p.err-name').css('display','block'); $('p.err-name').html('姓、名を入力してください'); flag_name = 0; } else if(name1 != '' && name2 == ''){ $('p.err-name').css('display','block'); $('p.err-name').html('名を入力してください'); flag_name = 0; } else if(name1 == '' && name2 != ''){ $('p.err-name').css('display','block'); $('p.err-name').html('姓を入力してください'); flag_name = 0; } else { $('p.err-name').css('display','none'); $('p.err-name').html(''); flag_name = 1; } } // $('input#name1, input#name2').bind('blur',function(){ checkName(); }); // //フリガナの入力チェック function checkKana(){ // var kana1 = $('input#kana1').val(); var kana2 = $('input#kana2').val(); // if(kana1 == '' && kana2 == ''){ $('p.err-kana').css('display','block'); $('p.err-kana').html('姓(カナ)、名(カナ)を入力してください'); flag_kana = 0; } else if(kana1 != '' && kana2 == ''){ $('p.err-kana').css('display','block'); $('p.err-kana').html('名(カナ)を入力してください'); flag_kana = 0; } else if(kana1 == '' && kana2 != ''){ $('p.err-kana').css('display','block'); $('p.err-kana').html('姓(カナ)を入力してください'); flag_kana = 0; } else { $('p.err-kana').css('display','none'); $('p.err-kana').html(''); flag_kana = 1; } } // $('input#kana1, input#kana2').bind('blur',function(){ checkKana(); }); // //メールアドレスの入力を半角英数字のみに制限 $('input#email, input#confirm_email').attr({ autocomplete: 'off' }).css({ 'ime-mode': 'disabled' }).keypress(function(event) { st = String.fromCharCode(event.which); if ('0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@_-.\b\t'.indexOf(st,0) < 0) return false; return true; }).bind('paste', function(e) { e.preventDefault(); }); //メールアドレスの入力チェック function checkEmail(){ // var email = $('input#email').val(); // if(email != ''){ if(!email.match(/.+@.+\..+/g)){ $('p.err-email').css('display','block'); $('p.err-email').html('メールアドレスを正しい形式で入力してください'); } else { $('p.err-email').css('display','none'); $('p.err-email').html(''); } } else { $('p.err-email').css('display','block'); $('p.err-email').html('メールアドレスを入力してください'); } } // $('input#email').bind('blur',function(){ checkEmail(); }); //確認メールアドレスの入力チェック function checkConfirmEmail(){ // var email = $('input#email').val(); var confirm_email = $('input#confirm_email').val(); // if(confirm_email != ''){ if(email != confirm_email){ $('p.err-confirm_email').css('display','block'); $('p.err-confirm_email').html('メールアドレスが一致しません'); flag_email = 0; } else { $('p.err-confirm_email').css('display','none'); $('p.err-confirm_email').html(''); flag_email = 1; } } else { $('p.err-confirm_email').css('display','block'); $('p.err-confirm_email').html('確認のため、もう一度メールアドレスを入力してください'); flag_email = 0; } } // $('input#confirm_email').bind('blur',function(){ checkConfirmEmail(); }); // //郵便番号の入力を数字のみに制限 $('input#postcode1, input#postcode2').attr({ autocomplete: 'off' }).css({ 'ime-mode': 'disabled' }).keypress(function(event) { st = String.fromCharCode(event.which); if ('0123456789\b\t'.indexOf(st,0) < 0) return false; return true; }).bind('paste', function(e) { e.preventDefault(); }); //郵便番号の入力チェック function checkPostcode(){ // var postcode1 = $('input#postcode1').val(); var postcode2 = $('input#postcode2').val(); // if(postcode1 != '' && postcode2 != ''){ if(postcode1.length == 3 && postcode2.length == 4){ $('p.err-postcode').css('display','none'); $('p.err-postcode').html(''); } else { $('p.err-postcode').css('display','block'); $('p.err-postcode').html('郵便番号を正しい形式で入力してください'); } } else { $('p.err-postcode').css('display','block'); $('p.err-postcode').html('郵便番号を入力してください'); } } // //都道府県の選択チェック function checkPref(){ // var pref = $('#pref').val(); // if(pref == ''){ $('p.err-pref').css('display','block'); $('p.err-pref').html('都道府県を選択してください'); } else { $('p.err-pref').css('display','none'); $('p.err-pref').html(''); } } // //市区町村の入力チェック function checkAddr1(){ // var address1 = $('input#address1').val(); // if(address1 == ''){ $('p.err-address1').css('display','block'); $('p.err-address1').html('市区町村を入力してください'); } else { $('p.err-address1').css('display','none'); $('p.err-address1').html(''); } } // //番地の入力チェック function checkAddr2(){ // var address2 = $('input#address2').val(); // if(address2 == ''){ $('p.err-address2').css('display','block'); $('p.err-address2').html('番地を入力してください'); } else { $('p.err-address2').css('display','none'); $('p.err-address2').html(''); } } // //住所の入力チェック(郵便番号、都道府県、市区町村、番地のいずれかに記入があれば、全て必須にする) function checkAddress(){ var postcode1 = $('input#postcode1').val(); var postcode2 = $('input#postcode2').val(); var pref = $('#pref').val(); var address1 = $('input#address1').val(); var address2 = $('input#address2').val(); // if(postcode1 == '' && postcode2 == '' && pref == '' && address1 == '' && address2 == ''){ $('p.err-postcode').css('display','none'); $('p.err-postcode').html(''); $('p.err-pref').css('display','none'); $('p.err-pref').html(''); $('p.err-address1').css('display','none'); $('p.err-address1').html(''); $('p.err-address2').css('display','none'); $('p.err-address2').html(''); flag_address = 1; } else if(postcode1 != '' && postcode2 != '' && pref != '' && address1 != '' && address2 != ''){ $('p.err-postcode').css('display','none'); $('p.err-postcode').html(''); $('p.err-pref').css('display','none'); $('p.err-pref').html(''); $('p.err-address1').css('display','none'); $('p.err-address1').html(''); $('p.err-address2').css('display','none'); $('p.err-address2').html(''); flag_address = 1; } else { checkPostcode(); checkPref(); checkAddr1(); checkAddr2(); flag_address = 0; } } $('input#postcode1, input#postcode2, #pref, input#address1, input#address2').bind('blur',function(){ checkAddress(); }); // //TEL、FAXの入力を数字のみに制限 $('input#tel, input#fax').attr({ autocomplete: 'off' }).css({ 'ime-mode': 'disabled' }).keypress(function(event) { st = String.fromCharCode(event.which); if ('0123456789-\b\t'.indexOf(st,0) < 0) return false; return true; }).bind('paste', function(e) { e.preventDefault(); }); // //メッセージの入力チェック function checkMessage(){ // var message = $('textarea#message').val(); // if(message == ''){ $('p.err-message').css('display','block'); $('p.err-message').html('お問い合わせ内容を入力してください'); flag_message = 0; } else { $('p.err-message').css('display','none'); $('p.err-message').html(''); flag_message = 1; } } // $('textarea#message').bind('blur',function(){ checkMessage(); }); // //内容確認ボタンを押したときに全項目を入力チェック $('input#goconfirm').bind('click',function() { // if(flag_name == 1 && flag_kana == 1 && flag_email == 1 && flag_address == 1 && flag_message == 1){ $('form').submit(); } else { checkName(); checkKana(); checkEmail(); checkConfirmEmail(); checkAddress(); checkMessage(); return false; } }); // //確認画面でのチェックボックスがチェックされたら送信ぼたんを有効にする $("#checkbox").bind('click',function(){ var checked = $("#checkbox").attr('checked'); if(checked == 'checked'){ $("input#submit").attr('disabled', false); alert(checked); } else { $("input#submit").attr('disabled', true); } }); });