Question

我有以下代码来启用验证工作：

$(document).ready(function() {

    $("#eventForm").validate({
        rules: {
            startDate: "required",
            startTime: "required",
            endDate: {
                required: function (element) {
                    var endTimeValue = $('#endTime').val();
                    return (endTimeValue != null && endTimeValue != '');
                }
            },
            endTime: {
                required: function (element) {
                    var endDateValue = $('#endDate').val();
                    return (endDateValue != null && endDateValue != '');
                }
            }
        },
        messages: {
            startDate: "Please enter event local start date",
            startTime: "Please enter event local start time"
        },
        errorPlacement: function (error, element) {
            error.appendTo(element.parent().next());
        },
        submitHandler: function (form) {
            var options = {
                dataType: 'json',
                success: eventCreationSuccess,
                error: eventCreationError
            };
            alert('submit');
            //$(form).ajaxSubmit(options);
        }
    });
 });

但验证插件不会捕获提交 - 执行默认提交。

导入jQuery和验证插件脚本。

Answer 1

您需要为表单指定eventForm的ID

<form name="eventForm" id="eventForm" method="post">

你给它起了个名字，但不是个名字。此外，您从pastebin.com提供的示例看起来不完整，它缺少表单控件。

这是一个超级基本样本：

<form name="eventForm" method="post" id="eventForm">
    <input type="text" name="name" id="name" class="required"/>
    <input type="submit" class="submit" value="Submit"/>
</form>

jQuery验证插件对我不起作用

1 个答案: