这里，我们再说说radio、checkbox、select的验证方式。
1、用新版的写法进行验证。
<!DOCTYPE html> <html> <head> <script src="js/jquery.js"></script> <script src="js/jquery.validate.js"></script> <script> $().ready(function() { $("#registerForm").validate(); }); </script> <style> #registerForm label.error { margin-left: 10px; color: red; } </style> </head> <body> <form id="registerForm" method="get" action=""> <fieldset> <!-- radio的验证 --> 性别 <span><br/> 男<input type="radio" id="gender_male" value="m" name="gender" required="true" data-msg-required="性别不能为空"/><br /> 女<input type="radio" id="gender_female" value="f" name="gender" /> </span> <!-- checkbox的验证 --> <br/>最少选择两项 <span><br /> 选项1<input type="checkbox" id="check_1" value="1" name="checkGroup" required="true" data-msg-required="必须选择" minlength=2 data-msg-minlength="至少选择2项"/><br /> 选项2<input type="checkbox" id="check_2" value="2" name="checkGroup" /><br /> 选项3<input type="checkbox" id="check_3" value="3" name="checkGroup" /><br /> </span> <!-- select的验证 --> <br/>下拉框 <span><br /> <select id="selectbox" name="selectbox" required="true" data-msg-required="必须选择"> <option value=""></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </span> <p> <input type="submit" value="提交"> </p> </fieldset> </form> </body> </html>