验证未触发 submitHandler

Question

如标题所述，submitHandler 未达到 firing/being，但验证工作正常。提交处理程序正确，但未触发。

$(function () {
$("#form").validate({
    rules: {
        domain: {
            required: true
        },
        playerClass: {
            required: true,
        }
    },
    submitHandler: function (form) {
        var accountNumber = $("input#accountNumber").val();
        var domain = $("input#domain").val();
        var playerClass = $("input#playerClass").val();
        var dataString = JSON.stringify([{
            "accountNumber": accountNumber,
                "playerClass": playerClass
        }]);
        //Save Form Data........
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "/",
            contentType: "application/json",
            data: dataString,
            success: function () {
                $('.render-info').html("<div class='alert alert-success'>You've successfully built your player code</div>");
                $(".player-code").show();
            },
            failure: function () {
                alert(dataString);
                $('.render-info').html("<div class='alert alert-failure'>Submission Error</div>");
            }
        });
        $(".player-code").show();
    }
});
});

jsFiddle: Link

Answer 1

因为您没有真正的提交按钮。 div 不是按钮...

<div class="btn btn-default submit">Submit</div>

您需要 button 或 input 和 type="submit" 才能在表单有效时触发 submitHandler。

<input type="submit" class="submit" />

或

<button type="submit" class="submit">Submit</button>

http://jsfiddle.net/e04rca0t/7/

验证未触发 submitHandler

Validation not firing submitHandler

javascript

jquery

jquery-validate