Foundation Abide Customer Validator垃圾邮件保护

时间:2015-02-16 22:55:07

标签: validation zurb-foundation abide

是否可以使用Foundation的Abide Validation作为垃圾邮件预防措施?我想在表格末尾提出一个简单的问题,即'什么是2 + 2?'。答案必须是4才能提交表格。

这样的事情:



<form data-abide>
  <div class="row">
    <div class="small-12 column">
      <input type="text" placeholder="what is 2 + 2?" required>
      <small class="error">You're not very good at math, are you?</small>
    </div>
  </div>
</form>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

是的,我已经实现了您在之前项目中描述的内容,并且它起到了垃圾邮件的威慑作用。

首先需要创建一个JS函数来处理您的问题,方法是将其作为自定义验证器添加到Abide中。这可能适用于您的2 + 2问题。将以下内容添加到HTML文件的底部:

$(document).foundation({
    abide : {
        validators: {
            mathCheck: function(el, required, parent) {
                return el.value == 4;
            }
        }
    }
});

此外,您现在必须将验证器添加为属性:

<input type="text" placeholder="what is 2 + 2?" data-abide-validator="mathCheck" required>

那应该有用。祝你好运。