Ideal Forms是一个轻量级的解决方案，用于美化和验证表单，基于jQuery UI。通过简单的步骤，包括引入相关文件和配置选项，可以快速开发出具有良好交互性的响应式表单。在实际应用中，它提供了友好的用户体验并支持自定义配置。
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>中添加下面两句：
<link href="css/jquery-ui.css"rel="stylesheet"/>
<linkhref="css/jquery.idealforms.min.css" rel="stylesheet"media="screen"/>
（3）在<body>内部底端添加js库文件
<script src="js/jquery-1.8.2.min.js"></script>
<scriptsrc="js/jquery-ui.min.js"></script>
<script src="js/jquery.idealforms.js"></script>
<script>
//书写配置项
</script>
（4）在<body>的适当位置添加需要的控件，并完善配置项
配置项说明
在options{}内部书写常用的配置项，如onFail,inputs等
onFail中配置当提交时，若不满足要求就会触发
inputs中根据标签的“name”属性来配置，关键字结合id属性实现具体配置要求
【详细内容见例子，其它如兼容IE低版本等问题暂略】
扫一扫
2511
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
