标签: abide

我想创建一个验证器来遵守一组复选框.

我们考虑一组5个复选框.要求用户检查3 max,并且至少检查1.

那么,这是我正在进行的工作代码:

<div data-abide-validator='checkboxes' data-abide-validator-values='1,3'>
    <input type="checkbox"/>
    <input type="checkbox"/>
    <input type="checkbox"/>
    <input type="checkbox"/>
    <input type="checkbox"/>
</div>

<script>
    $(document).foundation({
        validators: {
            checkboxes: function(el, required, parent) {
                var countC = el.find(':checked').length;
                alert(countC);
            }
        }
    });
</script>

此时,我只是尝试计算已检查的输入.但似乎我甚至无法触发验证器...我想我可以设法编写我的验证内容,只要我能弄清楚如何触发它.

事实上,我没有找到很多自定义验证器的例子,官方文档对我没什么帮助.

这个问题真让我讨厌.

以这种简单的形式:

<form data-abide novalidate method="POST">
  <label>First name
  <input type="text" name="firstname" required> 
  </label>
  <input type="submit" value="Save">
</form>

我正在尝试添加一个新字段并让Foundation检查它.

$('<label>Last Name<input name="lastname" type="text" required></label>').insertBefore('input[type=submit]').foundation();

示例:https: //jsfiddle.net/wcLmb3y9/