基于jquery的表单校验插件 - formvalidator使用体验
2015-07-17 19:04
781 查看
下载地址:http://www.formvalidator.net/
基本样例
另外支持html5原生语法
By adding the module html5 to the module declaration you will be able to validate user input using the native attributes, in accordance to the HTML5 specification.
在样式名上还和bootstraps兼容
基本样例
<form action="/registration" method="POST"> <p> User name (4 characters minimum, only alphanumeric characters): <input data-validation="length alphanumeric" data-validation-length="min4"> </p> <p> Year (yyyy-mm-dd): <input data-validation="date" data-validation-format="yyyy-mm-dd"> </p> <p> Website: <input data-validation="url"> </p> <p> <input type="submit"> </p> </form> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.2.1/jquery.form-validator.min.js"></script> <script> $.validate(); </script> ...
另外支持html5原生语法
Support for HTML5
By adding the module html5 to the module declaration you will be able to validate user input using the native attributes, in accordance to the HTML5 specification.
在样式名上还和bootstraps兼容
<form action="..." role="form"> <div class="form-group"> <label class="control-label" for="the-input">Input description</label> <input type="text" id="the-input" class="form-control" data-validation="required" /> </div> ...
相关文章推荐
- 基于jquery的表单校验插件 - rjboy的Validform使用体验
- jquery动画总结
- js中window.onload 与 jquery中$(document.ready()) 测试
- jquery 设置控件的disabled属性
- jquery实现table列合并
- jQuery插件使用2
- jquery实战
- jQuery实现鼠标滑过延时显示的效果
- jQuery中的.bind()、.live()和.delegate()之间区别分析
- jQuery插件使用1
- jQuery 中 attr() 和 prop() 方法的区别
- 使用 JQueryMobile 点击超链接提示“error loading page” 错误
- Jquery调用iframe页面方法、获取节点操作
- jquery判断元素是否可见隐藏
- 动态加载jQuery的两种方法实例分析
- jquery.validate运用和扩展
- jQuery EasyUI实现全部关闭tabs
- jQuery的replaceWith()函数用法详解
- jQuery 遍历 json 方法大全
- jquery.min.map 404 (Not Found)出错的原因及解决办法