Required, 6 to 10 letters
<div data-rules="required:!empty;min-length:length>=6;max-length:length<=10" id="password">

Required, equal with field abowe but only if the last checkbox is checked.
<div data-rules="required:!empty;equal:content(password)==value&&valid(checkbox);">

Email format
<div data-rules="valid:email">

1 and 2 checkbox should be checked
<div data-rules="required:!empty(#ch1) && !empty(#ch2)">

Concat values of both fields below. Check if both are valid and test that concatenated value equals expected once.
<div data-rules="content: content(hello1) + ' ' + content(hello2); valid:valid(hello1) && valid(hello2); expected:content == 'hello world'">

Not empty
<div data-rules="required:!empty" id="hello1">

Not empty
<div data-rules="required:!empty" id="hello2">

Regex format
<div data-rules="valid:empty || pattern(/^\d{2}-\d{3}$/)">

Should be checked
<div data-rules="required:!empty">