这里，我们再说说radio、checkbox、select的验证方式。

1、用新版的写法进行验证。

性别
男
女
最少选择两项
选项1
选项2
选项3¨C14C ¨C15C下拉框 ¨C16C 1 2 3

jv4-1.html

这种写法要注意一点，对于同一组的标签加验证规则，只能加在第一个标签里。例如性别那个标签组，规则  required="true" data-msg-required="性别不能为空"  只能放在第一个type等于radio的input里(也就是男后面的那个input)，如果把验证规则放在后一个标签是无法正常验证的。

2、通过JavaScript自定义规则

性别
男
女
最少选择两项
选项1
选项2
选项3¨C34C ¨C35C下拉框 ¨C36C 1 2 3

jv4-2.html

在前面，我提到过自定义规则里rules和messages里的key用的是标签的name属性值，当时我也疑惑，为什么不直接用ID。刚才的代码，已经说明了原因。如果用的是ID，那么对于radio、checkbox这种通过name属性的值进行分组的标签，那可就没法进行验证了。

当然，如果你想让验证规则可以重用，那你也可以把它单独抽取出来，保存在一个JS文件里，然后在需要的页面引入。

接下来，说说提示语句的位置问题吧，也许你不想让提示语句显示在那个位置，那么没关系。

提示语句的位置是允许我们自定义的，十分的灵活。

单选提示信息：
多选提示信息：
其他提示信息：

性别
男
女
最少选择两项
选项1
选项2¨C54C¨C55C 选项3¨C56C¨C57C ¨C58C下拉框 ¨C59C 1 2 3

jv4-3.html

对于提示语句的位置，就不说太多了，因为一般使用默认的位置也就行了。

只要你善用选择器，那个位置真的是任意定。