Categories: JQuery

JQuery submitをキャンセルする

submitをとめるには、
return false; 
だけでいいけれど、 やっぱりやめません。

てときには、 .off(‘submit’); .submit(); でいいらしい。

    $( 'form#orderForm').submit(function(event){
            event.preventDefault();
            var oderTotalCount = 0;
            $("input[class='itemid[]']").each(function() {
                oderTotalCount += $(this).val();
            });
            var message = "";
            if(oderTotalCount==0){
                message += 'なにかひとつ以上、ご注文ください。\n';
            }

            if($("input[name='yourName']").val() == ""){
                message += 'お名前を入力してください。\n';
            }
            if($("input[name='yourTel']").val() == ""){
                message += 'お電話番号を入力してください。\n';
            }
            if($("input[name='yourMail']").val() == ""){
                message += 'メールアドレスを入力してください。\n';
            }
            if (message!=""){
                alert (message);
            }else{
                $(this).off('submit');//一旦submitをキャンセルして、
                $(this).submit();//再度送信
            }
            return false;
    });

とっても参考になったサイトさん
http://2inc.org/blog/2013/04/05/3117/

nakaike

Share
Published by
nakaike
Tags: submit