原生态JS表单验证插件ocheck.js

使用方法：

引入JS文件

<script src="ocheck.js"></script>

HTML结构

<form >
<ul id="ocheck">
    <li><span>姓名:</span><input type="text" class="oChxm" placeholder="最多输入6个字符" /><div class="" type="text" ></div></li>
    <li><span>手机号:</span><input type="text" class="oChphone"  placeholder="最多输入11个字符"/><div class="" type="text" ></div></li>
    <li><span>QQ号:</span><input type="text" class="oChQQ" placeholder="最多输入14个字符"/><div class="" type="text" ></div></li>
    <li><span>邮箱:</span><input type="text" class="oChmail" placeholder="最多输入30个字符"/><div class="" type="text" ></div></li>
    <li><input class="btn" type="button" value="提交" class="oCheckSbumit"/><input class="btn" id="btn" type="button" value="校验"/></li>
</ul>
</form>

1，使用简单只需要添加CLASS到input上即可。

2，使用时input后面跟个DIV或者span标签等都行，不能有空格！

3，可拓展性强，可自行DIY样式等，简单易懂。

4，验证姓名class名：oChxm

5，验证手机号class名：oChphone

6，验证QQ号class名：oChQQ

7，提交验证所有表单是否通过class名：oCheckSbumit