【问题标题】:Validation of a minimum of two input验证至少两个输入
【发布时间】:2013-06-22 22:48:35
【问题描述】:

我正在寻找进行输入验证。基本上,我有一个包含 5 个文本字段的表单,但前两个应该有一个条件:必须完成两者中的至少一个。

目前验证我使用jQuery validate,但是没有实现这个功能,你知道吗?

谢谢你:)

【问题讨论】:

  • 请发布您的代码和到目前为止的尝试。
  • 发布你的代码,你能做到多远。
  • 这是一个'required if'的工作stackoverflow.com/questions/6573487/…
  • 大家好,我的代码很简单.. 5 输入和插件 jquery 验证。

标签: javascript jquery input jquery-validate


【解决方案1】:

引用 OP:

“必须至少完成两项中的一项。

目前我使用 jQuery validate 的验证,但这并没有 实现这个功能,你有什么想法吗?”

不正确...它确实有这种能力。见文档:http://jqueryvalidation.org

它被称为require_from_group 方法,包含在additional-methods.js 文件中。用法如下:

1) 为组中的每个项目分配一个共同的class

HTML

<input class="productinfo" name="partnumber">
<input class="productinfo" name="description">

2) 如下定义规则,其中第一个参数是组中所需的最小数量,第二个是您在上面创建的class

jQuery

$(document).ready(function(){

    $('#myform').validate({
        rules: {
            partnumber:  {
                require_from_group: [1,'.productinfo']
            },
            description: {
                require_from_group: [1,'.productinfo']
            }
        },
        groups: {
            mygroup:  "partnumber description"
        }
    });

});

现在,至少必须填写partnumberdescription

3) (可选)要清除重复的错误消息,请按如下方式使用the groups option,这会将上述两个输入的错误消息合并为一个。

groups: {
    mygroup:  "partnumber description"
}

【讨论】:

    【解决方案2】:

    一旦该人移动到第三个字段(使用 onfocus 确定这一点),您可以验证它。检查两个字段中的一个是否已填写。如果没有报告并关注第一个字段。

    【讨论】:

    • 嗨,是的,我认为它只是 JS 中提供的,但我不知道如何使它工作,实际上我用这个测试:
      if(input.value != null || input2.value != null)
      但没有结果 :(
    • 你为什么不在 jsfiddle 上发布你的代码,这样我可以提供更好的帮助?
    猜你喜欢
    • 2016-09-11
    • 1970-01-01
    • 2019-05-28
    • 2015-06-11
    • 1970-01-01
    • 2018-03-20
    • 1970-01-01
    • 1970-01-01
    • 2012-04-14
    相关资源
    最近更新 更多