JSフォームのジャンプを実現

2613 ワード

  • formフォームのコミットでは、1つのページから異なるページにジャンプする必要があります.jsを使用して
  • を動的にコミットします.
    例:1.jspは2にジャンプする.jspと3.jsp
    ジャンプ<br>//フォームのactionを2に変更する.jsp<br>     function Two() {<br>         document.form.action = "2.jsp";<br>         document.form.submit();<br>     }<br>//フォームのactionを3に変更する.jsp<br>     function Three() {<br>         document.form.action = "3.jsp";<br>         document.form.submit();<br>     }<br> buttonジャンプon「value=」ジャンプ3.jsp"οnclick="Three()"    class="botton"/>
  • JavaScriptは、検証付きForm 2つのSubmitイベントを解決します(1つは【AJAX実装】を使用し、1つのページがコミットされ、ジャンプします)
  •  

    $(document).ready(function(){
        var buttonId;
    
        $('#patentEditForm').validator().on('submit', function (e) {
                if(buttonId == "but_sub"){
                    var formData = new FormData($("#patentEditForm")[0]);
                    $.ajax({
                        type:"POST",
                        url:"/biz/",
                        data: formData,
                        dataType:"JSON",
                        nsync:false,
                        cache: false,
                        contentType: false, 
                        processData: false,
                        success:function(date){
                            switch(date.status){
                            case 1:
                                $success("    !");
                                break;
                            case 1009:
                                $error("    !");
                                break;
                            default :
                                $error("      ");
                            }
                        },
                        error:function(){
                            $error("      ");
                        }
                    });
            }
        });
    
        $(".btn-primary").click(function(){
            buttonId = $(this).attr("id");
            $('#patentEditForm').trigger('submit');
        });