提交表單后停止JQuery驗證

Question

使用后如何不觸發以下表單的驗證

javascript: form.action

我有2個Submit按鈕，第一個必須使用sellitem1.php作為操作，而不是使用JQuery VALIDATION，但是第二個必須對表單進行VALIDATE並使用Form Action： upload.php列出的操作。

第二個按鈕運行良好:)

<form method="post" name="UploadForm" id="UploadForm"
action="upload.php" enctype="multipart/form-data" >

<input  type="text" class="button_date"  name="price" id="price"
value="" size="15" />

<input class="button2" style="border-right:none; font-size:13px;"
name="Back" id="Back" type="submit"  value="Back" onclick="javascript:
form.action='sellitem1.php';"/>

<input class="button2" style="border-right:none; font-size:13px;"
name="List Item" id="submit" type="submit" value="List Item"
onClick="removeFocus()"/> </form>


<script>

$( "#UploadForm" ).validate({
       errorLabelContainer: "#messageBox",   wrapper: "td",
       rules: {  price: {
    required: true,
    number: true,
    range: [1.00, 500000.00]

    }   } }); </script>

Answer 1

像下面這樣的東西應該起作用。 因此，基本上，您要在要運行驗證的按鈕上的click事件上調用validate() 。

// Javascript

$('#Back').click(function (evt) {
    $('#UploadForm').attr('action', 'sellitem1.php');
});

$('#submit').click(function (evt) {
    removeFocus();
    return $("#UploadForm").validate({
        errorLabelContainer: "#messageBox",
        wrapper: "td",
        rules: {
            price: {
                required: true,
                number: true,
                range: [1.00, 500000.00]
            }
        }
    });
});

最好不要內嵌javascript / css代碼。 您可以按以下方式更新html（請注意，我只刪除了onclick屬性，而不刪除樣式）：

<form method="post" name="UploadForm" id="UploadForm"
action="upload.php" enctype="multipart/form-data" >

    <input  type="text" class="button_date"  name="price" id="price"
value="" size="15" />

    <input class="button2" style="border-right:none; font-size:13px;"
name="Back" id="Back" type="submit"  value="Back" />

    <input class="button2" style="border-right:none; font-size:13px;"
name="List Item" id="submit" type="submit" value="List Item" /> 
</form>

更新：這是顯示如何工作的小提琴http://jsfiddle.net/M3LRd/