在JSP頁面中使用jquery使用一個提交按鈕來驗證兩個表單

Question

這是我的代碼

$(document).ready(function(){
    $("form#one").validate({  // initialize form validation on form 1
        // rules & other options
        messages: {
            input1: "salam"
        },
        errorPlacement: function(error, element) {
            element.focus(function () {
                $("#msg_required").html(error);
            }).blur(function () {
                $("#msg_required").html('');
            });
        }
    });
    $("form#two").validate({ // initialize form validation on form 2
        // rules & other options,
        messages: {
            input2: "bah"
        },
        errorPlacement: function(error, element) {
            element.focus(function () {
                $("#msg_required").html(error);
            }).blur(function () {
                $("#msg_required").html('');
            }); // default error placement
        },
        submitHandler: function(form) {
            if ($("form#one").valid()) {  // test to see if form 1 is valid
                $( "form#two" ).submit();
            }
            return false;
        }
    });
});

<!-- FORM #1: -->
<br/>
<form action="#" id="one">
    <input type="text" name="input1" class="required" />
</form>

<!-- FORM #2: -->
<br/>
<form action="#" id="two">
    <input type="text" name="input2" class="required" />
    <br />
    <span dir="rtl" id="msg_required" class="msg_required"></span>
    <br /><br />
    <input type="submit" />
</form>

當我提交表單2時，來自表單1的錯誤消息未顯示。
（ includes jQuery_Validation_Plugin_1.9.0.js and jquery-1.9.1.js ）

Answer 1

無法顯示Form 1錯誤，因為當單擊“提交”按鈕時，它沒有提交。您應該像這樣運行代碼：

//first the submit button should not be in between any `form` tag
<!-- FORM #1: -->
<br/>
<form action="#" id="one">
    <input type="text" name="input1" class="required" />
</form>

<!-- FORM #2: -->
<br/>
<form action="#" id="two">
    <input type="text" name="input2" class="required" />
    <br />
    <span dir="rtl" id="msg_required" class="msg_required"></span>
    <br /><br />
</form>

<!--place the submit button here-->
<button id="submit_btn">submit</button>

現在創建一個函數來單擊按鈕提交2個表單

$("#submit_btn").on('click' function (){
    //run your from submission here
})