.valid() 仅使用 jQuery 验证插件验证第一个输入

Question

我很难让 jQuery 验证插件按我想要的方式工作。

我拥有的是一个包含多个必需输入的表单，规则如下所示：

$("#makeEvent").validate({
    onfocusout: false,
    rules: {
        name: {
            required: true,
            minLength: 2,
            maxLength: 100
        },
        host: {
            required: true,
            minLength: 2,
            maxLength: 100
        },
        startDate: {
            required: true,
            date: true
        },
        endDate: {
            required: true,
            date: true
        },
        desc: {
            required: true,
            minLength: 10,
            maxLength: 255
        },
        webpage: {
            required: false,
            url: true
        },
        email: {
            required: true,
            email: true
        },
    }
});

现在我有一个自定义 .click() 调用，我想在其中验证表单，然后在允许用户发送表单之前向用户显示预览。请看下面的函数：

$('#submitPreview').click(function() {
    if($("#makeEvent").valid() === false) {
        //What to do if validation fails
    } else if($("#makeEvent").valid() === true) {
        //Show the preview and let the user either make changes or submit the final result
    }
});

但是发生的情况是，该函数只验证第一个输入（名称），甚至验证错误（规则要求至少 2 个字符，但它仍然只验证输入的 1 个字符。只有在以下情况下才返回 false：根本没有添加任何字符）。

也许我的方法不是最好的，所以我愿意接受任何建议。如果您想查看混乱的源代码，您可以在此处查看正在运行的函数： http:// /event.gusthlm.se/make.php

Answer 1

我看到的两个问题是，您没有在输入字段中使用 name 属性，并且使用 name 作为 ID 之一（导致各种悲伤）对于表单提交上的 IE）。

我建议将名称属性添加到您的输入、选择和文本区域元素中，并将“名称”更改为“thename”之类的内容：

<label for="thename">Börjar</label>
<input type="text" name="thename" id="thename"/>