基于HTML5表单验证jQuery html5Validate插件

小渣渣

在html中submit提交，如果想有onclick单击事件，并且，还想表单验证，

如果，表单验证成功，才去执行onclick事件就好了，可是如果在提交按钮上添加onclick事件，

网页会先执行onclick事件，并不去验证表单，从网上找了一下，发下了一个不错的js插件，下面有下载地址：

首先引入jquery，然后再引入jquery-html5Validate.js

使用方法如下：

1. 示意，假设测试表单id为html5Form，则有：
   
2. $("#html5Form").html5Validate(function() {
   
3.     // 全部验证通过，该干嘛干嘛~~
   
4. });

复制代码

效果如下：


但是，这提示效果也太丑了，我想用html5自带的那种提示效果怎么办呢？

1. var isIe10 = typeof document.msHidden !== "undefiend";
   
2.             $("#html5Form").html5Validate($.noop, {
   
3.                 novalidate: isIe10 ? false : true
   
4.             });

复制代码

效果图就好看多了，附上js脚本： jquery-html5Validate.js (17.92 KB, 下载次数: 2)

2015-9-5 22:07 上传

点击文件名下载附件

honestman_1

非常好，感谢楼主分享