Question

使用

后，如何才能触发以下表单的验证

javascript: form.action

我有2个提交按钮，首先必须使用sellitem1.php作为操作而不使用JQuery VALIDATION，但第二个必须验证表单并使用表单操作中列出的操作：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

以下内容应该有效。所以基本上你在要为其运行验证的按钮上调用validate()上的click事件。

// 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/

提交表单后停止JQuery验证

1 个答案: