JQuery 验证选择器

Question

我希望使用 JQuery 验证来强制执行对必填字段等的一些客户端验证。

场景是我有动态填充的字段，但它们的布局方式通常相同。我想要一种方法来选择基于标签是否具有"必需"类的输入字段。 例如，在下面的示例中，我想选择街道 1，和城市，而不是街道 2 输入字段：

<div class="form-group">
    <label for="Street1" class="required col-sm-3 control-label">Street Address</label>
    <div class="col-sm-5">
        <input class="form-control input-sm" id="Street1" name="Street1" type="text" value="" />
    </div>
</div>
<div class="form-group">
    <label for="Street2" class="col-sm-3 control-label">Street Address 2&nbsp;</label>
    <div class="col-sm-5">
        <input class="form-control input-sm" id="Street2" name="Street2" type="text" value="" />
    </div>
</div>
<div class="form-group">
    <label for="City" class="required col-sm-3 control-label">City</label>
    <div class="col-sm-5">
        <input class="form-control input-sm" id="City" name="City" type="text" value="" />
    </div>
</div>

我试过这个，但无济于事：

$("label.required  :text").each(function () {
    alert($(this).attr('id') + "  " + $(this).get(0).tagName);
});

Answer 1

从你发布的内容来看，我相信这就是你想要实现的目标。 此代码将仅查找每个必需标签后的:text字段。

$('label.required').each(function () {
    var inputField = $(this).next('div').find('input').filter(':text');
    // Do validation of the field here
});

您可以使用变量inputField获取有关字段的特定数据。例如，如果要获取字段的 ID，只需调用 inputField.attr('id') 即可。

Answer 2

在表单提交事件中，您必须迭代每个标签，其中需要类并找到下一个输入，并验证例如：

$("form").submit(function(){
    var return_state = true;
    $("label.required").each(function(){
    var input = $(this).next().find("input");
        //Validate your input
        //Make return_state = false in case any validation fails
    });
    return return_state;
});