kendo ui - HTML5 validation on lists -

kendo ui - HTML5 validation on lists -

how can html5 required validation on grouping of check boxes? have alternative such "choose 1 or more of following", several checkboxes within ul. if set required attribute @ ul level, nil happens. if set @ input level, makes every value must checked validate. want forcefulness user pick @ to the lowest degree 1 value. seems work fine radio type, checkboxes (where can have more 1 choice) not work.

here's html:

<form> <!-- in case, set required @ ul level !--> <ul required="required" validationmessage="you must come in gender"> <li> <input id="male" name="mf" type="checkbox" value="male" /> <label for="male">male</label> </li> <li> <input id="female" name="mf" type="checkbox" value="female" /> <label for="female">female</label> </li> </ul> <!-- in case, set @ input level --> <ul required="required" validationmessage="you must come in gender2"> <li> <input id="male2" name="mf2" type="checkbox" value="male2" required /> <label for="male">male2</label> </li> <li> <input id="female2" name="mf2" type="checkbox" value="female2" required /> <label for="female">female2</label> </li> </ul> <input type="submit" value="submit"> </form>

i should note: using kendo create validation work across browsers (in case there's kendo-ized solution problem)

html5 kendo-ui