javascript - Livevalidation 和 checkbox、radio、select 组

Question

Livevalidation 脚本非常适合验证表单，但您应该如何处理一组复选框、单选框和选择。见网站:http://www.livevalidation.com/

Answer 1

这是可以做到的，尽管 LiveValidation 会与您作对。您不能将验证器附加到输入类型="radio"。

所以我所做的是添加一个虚拟输入元素，例如:

<input id="foo" type="text" style="display: none;" value="1" />

添加到我的表单中，然后向其中添加一个 Validate.Custom。自定义验证函数类似于

function () {
    return $('input[name=myRadioName]:checked').length;
}

这是我使用独立的 LiveValidation 和 jQuery 所做的；如果您使用的是 prototype.js 版本，可能可以做类似的事情。一个陷阱是您必须为您的虚拟输入元素分配一个值属性，因为 LiveValidation 似乎会跳过没有值的输入(当然 Validate.Presence 除外)。