問い合わせフォームのチェック機能を作ったのですが、最後に返り値でreturn checkform;の中身がfalseだった場合送信が実行されないのですが、return falseだとなぜ実行されないのでしょうか?
下記の認識でよいのでしょうか?
falseがcheckform変数に入っていた場合は、送信が実行されない仕様になっているので、送信の命令が実行されずに一連の処理が終了する
return checkform;は変数の指定位置までもどる。checkform変数に戻ってくださいということ
という話も聞いたのですが、var checkform = true;という一番初めにその変数を定義したところに戻てループするのでしょうか?
//お問い合わせフォームチェック $(function(){ $('#js-error-inquiry').submit(function(){ var checkform = true; // 以下input一つ目 // inputタグ if($('.js-is-input-error1').val() == ''){ //まだエラーメッセージが出力されていなければ、背景色を長くする if($('.js-is-error--text-input1').text() == ''){ var heightGet = $('#js-height-adjustment').height(); // sectionタグ $('#js-height-adjustment').css({'height': heightGet + 'px', 'height':'+=30em'}) } // inputに文字が入っていなければ、必須項目と出るようにする。 // spanタグ $('.js-is-error--text-input1').text('必須項目です').css({'color': 'red', 'text-shadow': '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '2px 2px 2px #fff'}); // +改行を可能にするために必要 checkform = false; // var省略 }else{ //既にエラーメッセージがあった場合は背景色の長さを元に戻す // spanタグ if($('.js-is-error--text-input1').text() != ''){ //!= ''空でなかった時。inputが空で、spanにテキストが入っていた時に実行 var heightGet = $('#js-height-adjustment').height(); // sectionタグ $('#js-height-adjustment').css('height', heightGet + 'px').css('height','-=30em'); } // inputに文字が入っていれば、spanのテキストである、必須項目という文言が出ないようにする。 $('.js-is-error--text-input1').text(''); // spanタグ } // 以下input二つ目 // inputタグ if($('.js-is-input-error2').val() == ''){ //まだエラーメッセージが出力されていなければ、背景色を長くする if($('.js-is-error--text-input2').text() == ''){ var heightGet = $('#js-height-adjustment').height(); // sectionタグ $('#js-height-adjustment').css('height', heightGet + 'px') .css('height','+=30em'); // console(test); } // inputに文字が入っていなければ、必須項目と出るようにする。 // spanタグ $('.js-is-error--text-input2').text('必須項目です').css({'color': 'red', 'text-shadow': '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '2px 2px 2px #fff'}); // +改行を可能にするために必要 checkform = false; // var省略 }else{ //既にエラーメッセージがあった場合は背景色の長さを元に戻す if($('.js-is-error--text-input2').text() != ''){ var heightGet = $('#js-height-adjustment').height(); // sectionタグ $('#js-height-adjustment').css('height', heightGet + 'px').css('height','-=30em'); } // inputに文字が入っていれば、spanのテキストである、必須項目という文言が出ないようにする。 $('.js-is-error--text-input2').text(''); // spanタグ } // 以下textarea if($('.js-is-error-body').val() == ''){ //まだエラーメッセージが出力されていなければ、背景色を長くする if($('.js-is-error--text-texarea').text() == ''){ var heightGet = $('#js-height-adjustment').height(); // sectionタグ $('#js-height-adjustment').css('height', heightGet + 'px') .css('height','+=30em'); } // inputに文字が入っていなければ、必須項目と出るようにする。 // spanタグ $('.js-is-error--text-texarea').text('必須項目です').css({'color': 'red', 'text-shadow': '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '0px 0px 10px #fff,'+ '2px 2px 2px #fff'}); // +改行を可能にするために必要 checkform = false; // var省略 }else{ //既にエラーメッセージがあった場合は背景色の長さを元に戻す if($('.js-is-error--text-texarea').text() != ''){ var heightGet = $('#js-height-adjustment').height(); // sectionタグ $('#js-height-adjustment').css('height', heightGet + 'px').css('height','-=30em'); } // inputに文字が入っていれば、spanのテキストである、必須項目という文言が出ないようにする。 $('.js-is-error--text-texarea').text(''); // spanタグ } // return checkform;(変数 )(テキストが入っている場合はture、入っていない場合はfalseが変数に入る。) // return checkform;は変数の指定位置までもどる。checkform変数に戻ってくださいということ。 // return false;の場合は、送信ボタンが実行されないようにしている。 var heightGet = $('#js-height-adjustment').height(); // sectionタグ return checkform; }); });
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/12/24 01:35
2016/12/24 02:01
退会済みユーザー
2016/12/24 03:31
2016/12/24 04:13
2016/12/24 04:23
退会済みユーザー
2016/12/24 04:36
退会済みユーザー
2016/12/24 04:37
2016/12/24 04:42
退会済みユーザー
2016/12/24 04:44