支持Html5的Jquery表单验证

前言：Html5和css3已经走入视线。html5新增了很多东西，比如表单元素的类型，验证等等，但是现在诸多浏览器还不兼容html5的新特性，故此，使用jquery加以验证。

等大部分浏览器支持html5，页面不用修改，直接删除jquery插件就可以继续使用。

注意：1、本例使用的jquery插件是jquery.tools.min.js，最好使用包含jquery基础包的完整版本。 　　　2、本例中的验证，在火狐，ie7、8、9，Safari中测试了，可以用。 　　 3、表单提交使用Submit按钮
花了好久调试的，希望对看到的人有用。如果有错误，欢迎指正。

Jquery_Validator_Exampes

1、基础示例

效果图： View Code

<form id="from4"><table width="500" border="0" cellpadding="10" cellspacing="10"><tr><td colspan="2"><div align="center">本例包含 I 的内容</div></td></tr><tr><td width="80">name <span class="star">*</span></td><td><input type="text" name="name" pattern="[a-zA-Z ]{5,}" id="name2" data-message="请输入至少5位的英文名字"/></td></tr><tr><td>age <span class="star">*</span></td><td><input type="number" name="age" pattern="^\d+[\.\d]?\d{0,2}$" data-message="请输入2位数字"/></td></tr><tr><td></td><td><input type="Submit" class="btn" value="Submit"/></td><td></td></tr></table></form>

I、模拟后台验证。使用以下代码：