JQUERY教程

当前位置: HTML5技术网 > JQUERY教程 > jQuery实现响应HTML5表单

jQuery实现响应HTML5表单

源码下载     在线演示


     JQ-idealforms的是一个小的框架来构建很棒响应HTML5表单。
特点:
  • 充分响应
  • 键盘支持
  • 可自定义的输入类型选择,单选,多选和文件
  • 表单输入提示
  • 自定义日期选择器
  • 在线验证validation
支持:
  • 浏览器: IE8+, Webkit, Firefox, Opera, iOS5+, Android 4.0+
  • jQuery: 1.7+, UI 1.8+
  • 许可证: GPL or MIT


<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script><script src="http://code.jquery.com/ui/1.9.0/jquery-ui.min.js"></script><script src="js/min/jquery.idealforms.js"></script><script>   var options = {     onFail: function() {      alert( $myform.getInvalid().length +' invalid fields.' )    },     inputs: {      'password': {        filters: 'required pass',      },      'username': {        filters: 'required username',        data: {          //ajax: { url:'validate.php' }        }      },      'file': {        filters: 'extension',        data: { extension: ['jpg'] }      },       'comments': {        filters: 'min max',        data: { min: 50, max: 200 }      },      'states': {        filters: 'exclude',        data: { exclude: ['default'] },        errors : {          exclude: 'Select a State.'        }      },      'langs[]': {        filters: 'min max',        data: { min: 2, max: 3 },        errors: {          min: 'Check at least <strong>2</strong> options.',          max: 'No more than <strong>3</strong> options allowed.'        }      }    }  };   var $myform = $('#my-form').idealforms(options).data('idealforms');   $('#reset').click(function(){ $myform.reset().fresh().focusFirst() });  $myform.focusFirst(); </script>

【jQuery实现响应HTML5表单】相关文章

1. jQuery实现响应HTML5表单

2. jQuery实现响应HTML5表单

3. 10款帮助你实现响应式导航的 jQuery 插件

4. HTML5表单新特征简介与举例

5. 一款带有发光动画的HTML5表单

6. 10款响应式 jQuery实现图片效果插件

7. jQuery带Tooltip表单验证的注册表单

8. jQuery表单插件jquery.form.js

9. jQuery表单验证插件 jQuery.validity

10. jQuery表单插件jquery.form.js

本文来源:https://www.51html5.com/a1215.html

点击展开全部

﹝jQuery实现响应HTML5表单﹞相关内容

「jQuery实现响应HTML5表单」相关专题

其它栏目

也许您还喜欢