仅当验证成功时如何提交表单

我尝试在提交请求之前验证表单。 我正在使用 jquery 验证

我期望当页面完成加载时，表单将自动提交，并且我将在 div 中看到“正在加载”。 但什么也没发生 这是我的代码。但似乎不起作用..

<script type="text/javascript">

    function submitForm() {
        $('#SearchForm').validate({
            errorLabelContainer: "#ErrorLabel",
            rules: {
                instrument: {
                    required: true,
                    maxlength: 10
                }
            },
            messages: {
                maxlength: "Must no longer than 10 characters",
                required: "Must not be empty"
            },

            submitHandler: function () { $('#SearchForm').submit(); }
        });
    }

    $(document).ready(function () {
        $('#SearchForm').submit(function () {
            $('#DivToUpdate').text('Loading ...');
        });
        submitForm();
    });
</script>

ll

做了一个小工作演示 http://jsfiddle.net/CRfuZ/ http://jsfiddle.net/CRfuZ/

2件事：尝试放置invalidHandler并通过form到submitHandler

在上面的演示中，如果您要输入更多，那么maxlenght 10戟在invalidHandler将捕获它。

休息一下，随意玩一下演示。

希望这会有所帮助:)

link: http://docs.jquery.com/Plugins/Validation/validate http://docs.jquery.com/Plugins/Validation/validate

COde

jQuery(function($) {
    $("#form").validate({
        debug: false,
        focusInvalid: false,
        onfocusout: false,
        onkeyup: false,
        onclick: false,
        rules: {
            instrument: {
                required: true,
                maxlength: 10
            },
        },
        messages: {
            maxlength: "Must no longer than 10 characters",
            required: "Must not be empty"
        },
        success: function(label) {
            alert('succes:' + label);
        },
        submitHandler: function(form) {
            alert('start submitHandler');
            postContent('test');
            alert('end submitHandler');
        },
        invalidHandler: function(form, validator) {
            alert('invalidHandler');
        },
    });
});


function postContent(postData) {
    alert('postcontent: ' + postData);

}


​