January 2014

[開發筆記] [Webshim] 幾個 Checkbox 最少選一個

HTML5 的表單驗証已非常好用,但都有美中不足,就是不可驗証多個 Checkbox 最少選一個。而 Webshim 十分貼心,補救了這個問題。

1. 假設你已安裝 Webshim

<script>
$.webshims.polyfill();

$.webshims.setOptions(‘forms’, {
        addValidators: true
});
</script>

2. 加 class=”group-required”  data-grouprequired=” 到其中一個 Checkbox 中,以下是例子

<input type=”checkbox” name=”pet[]” value=”dog” class=”group-required” />
<input type=”checkbox” name=”pet[]” value=”cat” />

完成

Source: http://afarkas.github.io/webshim/demos/demos/webforms/4-webforms-custom-validity.html

http://stackoverflow.com/questions/6218494/using-the-html5-required-attribute-for-a-group-of-checkboxes