验证输入元素的子集答案

【问题标题】：validate a subset of the input elements验证输入元素的子集
【发布时间】：2010-11-07 13:37:15
【问题描述】：

我已经开始使用 jQuery Validation 插件 1.7。

我有一个类似向导的界面，可以收集多个视图模型类的输入。每次用户单击 NEXT/PREVIOUS 按钮时，我都会尝试验证步骤中显示的每个对象。

我的jquery代码是这样的

$w.bind("jwizardchangestep", function (event, ui) {
    if (ui.type !== "manual") {
        var $currentStep = $w.find(".jw-step:eq(" + ui.currentStepIndex + ")");
        var $inputs = $currentStep.find("input:text");

        if ($inputs.length > 0 && !$inputs.valid()) {
            $currentStep.find("label.error").effect("highlight");
            return false;
        }
    }
});

其中$inputs 包含对页面中所有输入框的引用。

无论如何，函数$inputs.valid() 总是返回true，即使输入元素根本没有被填充。我怀疑我在另一个像这样的 jQuery 调用中指定的验证规则有问题

$("#registerForm").validate({
    rules: {
        Firm_Name: "required",
        Firm_StreetAddress: "required",
        Firm_ZipCode: "required",
        Firm_City: "required"
    }
});

这是一个输入框的示例标记代码

<input id="Firm_Name" name="Firm.Name" style="width: 460px;" type="text" value="" class="ui-widget-content">

【问题讨论】：

我也在尝试创建一个向导，但我不知道如何在向导的不同步骤中保持我的 viewModel 的状态。你能告诉我你是怎么做到的吗？我在这里创建了一个线程stackoverflow.com/questions/14769005/…

标签： jquery jquery-validate validation jwizard

【解决方案1】：

尝试使用名称

$("#registerForm").validate({
    rules: {
        Firm.Name: "required",
        Firm.StreetAddress: "required",
        Firm.ZipCode: "required",
        Firm.City: "required"
    }
});

【讨论】：

【解决方案2】：

我已经使用元数据中的规则让它工作了。

好像来电了

$("#registerForm").validate({
    rules: {
        Firm_Name: "required",
        Firm_StreetAddress: "required",
        Firm_ZipCode: "required",
        Firm_City: "required"
    }
});

将设置在提交时检查的规则，这不是我想要做的，因为我想在每个向导的下一个按钮单击时验证。

在元数据中使用规则

<input id="Firm_Name" name="Firm.Name" 
    style="width: 460px;" type="text" value="" 
    class="required ui-widget-content">

效果很好。谢谢大家的帮助

【讨论】：