<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表单验证插件</title> </head> <body> <form method="post" action="success.html"> <ul> <li> 邮箱：<input type="text" check="required email" /> </li> <li> 密码：<input type="password" check="required pwd1" /> </li> <li> 确认密码：<input type="password" check="required pwd2" /> </li> <li> 手机：<input type="text" check="required mobile" /> </li> <li> 数字：<input type="text" check="required num" /> </li> <li> 地址：<textarea cols="5" rows="5" check="required"></textarea> </li> <li> 不加check验证的文本框：<input type="text" /> </li> </ul> <input type="submit" value="提交" /> </form> <script src="https://www.jb51.net/js/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="https://www.jb51.net/js/jquery.similar.checkForm.js" type="text/javascript"></script> <script type="text/javascript"> $("#myform").checkForm(); </script> </body> </html>
示例效果图片：
示例代码，成功提交是会跳转到success.html页面的，因此你要自己创建个success.html，里面可以什么都不写。
但是，只要有一个验证不通过，就不会成功跳转。
另外，你或许还需要2张图片：
//图片路径
img_error: "img/error.gif",
img_success: "img/success.gif",
