Ideal Forms响应式表单

来源：互联网发布：单片机连接串口扫描编辑：程序博客网时间：2024/05/22 06:09

Ideal Forms响应式表单

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

l 要点1：:相关了解

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

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

l 要点2：效果图

l 要点3：使用方法

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

（2）在<head>中添加下面两句：

<linkhref="css/jquery.idealforms.min.css" rel="stylesheet"media="screen"/>

（3）在<body>内部底端添加js库文件

<scriptsrc="js/jquery-ui.min.js"></script>

//书写配置项

</script>

（4）在<body>的适当位置添加需要的控件，并完善配置项

配置项说明

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

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

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

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

0 0