Ideal Forms响应式表单

Ideal Forms响应式表单

这是一款很小的,算不上框架的,仅仅是form表单的美化和验证,简单学一学,对于快速开发出友好交互的表单还是很好的

l        要点1::相关了解

GitHub项目网址:https://github.com/elclanrs/jq-idealforms

ideal Forms是基于jQuery UI的,而jQuery UI又是依赖于jQuery的

 

l        要点2:效果图

Ideal Forms响应式表单_第1张图片

 

l        要点3:使用方法

(1)复制css,img,js三个文件夹到项目中

(2)在中添加下面两句:

(3)在内部底端添加js库文件

(4)在的适当位置添加需要的控件,并完善配置项

 

配置项说明

在options{}内部书写常用的配置项,如onFail,inputs等

onFail中配置当提交时,若不满足要求就会触发

inputs中根据标签的“name”属性来配置,关键字结合id属性实现具体配置要求

【详细内容见例子,其它如兼容IE低版本等问题暂略】


你可能感兴趣的:(jQuery)