所属分类:网页特效-表单特效
<script src="ocheck.js"></script>
<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