没有合适的资源?快使用搜索试试~ 我知道了~
formShowHide
共17个文件
js:4个
md:3个
editorconfig:2个
需积分: 5 0 下载量 10 浏览量
2021-06-01
09:46:15
上传
评论
收藏 105KB ZIP 举报
温馨提示
#FormShowHide ##背景 在页面开发的过程中,我们经常会遇到根据不同参数或者状态,页面中的表单元素做出隐藏/显示的切换效果,最后提交这些显示出来的表单元素值,隐藏的元素不提交的效果。 ##思路 给切换显示的元素制定规则,有必显和切换显示表单元素两种规则,将表单的元素注册到规则中去,显示和隐藏时对元素标记,提交表单时,获取标记为提交状态的元素的值进行提交。 ##设计 我们约定每个表单元素外面都有一个父级元素作为容器,该容器默认样式为hideRule,即隐藏状态(display:none;);元素显示时,将这个容器的样式remove掉,给该表单元素增加一个submitRule的样式作为标记,表单提交时根据此标记,抓取页面元素。 ##用法 ###属性 ruleAll:注册必显的表单元素 rules:注册不同规则下显示的元素 ruleAll的内容和rules里定义的elements是一
资源推荐
资源详情
资源评论
收起资源包目录
formShowHide-master.zip (17个子文件)
formShowHide-master
package.json 1KB
gulpfile.js 5KB
CONTRIBUTING.md 6KB
src
css
main.css 134B
index.html 3KB
js
vendor
modernizr-2.8.3.min.js 15KB
formShowHide.js 3KB
jquery-1.11.3.js 278KB
.gitignore 137B
.editorconfig 191B
.gitattributes 12B
.gitignore 21B
CHANGELOG.md 11KB
README.md 2KB
.editorconfig 520B
.gitattributes 723B
LICENSE.txt 1KB
共 17 条
- 1
资源评论
长迦
- 粉丝: 34
- 资源: 4659
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功