表单处理
表单处理
dongsdh
少熬夜,多运动,记得笑
展开
-
获取下拉框的value值
前言: 获取值的方式有很多种,找的自己喜欢的那一种 新的方式获取下拉框的值<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body&a原创 2018-08-16 10:23:20 · 8449 阅读 · 0 评论 -
获取今年 及 过去几年的年份集合
function getYearArr() { var yearArr = []; var endyear = new Date().getFullYear(); var startyear = endyear - 2; console.log(endyear); for (var i = startyear; i <= endyear; i++) { yearArr.push(i); } conso.原创 2022-01-14 15:45:57 · 519 阅读 · 0 评论 -
单条数据提交与批量提交
前言: 普通做提交功能的时候,提交一条数据给后台返回成功的时候,会给用户一个提示 批量提交的时候,也这样操作是不合适的(提交了几次就会提示几次) 做法: 需要批量提交数据的时候,提交到最后一条的时候才给用户提示,而不是提交一条提示一条<!DOCTYPE html><html lang="zh"><head>...原创 2019-03-12 17:41:09 · 864 阅读 · 0 评论 -
收集表单数据——获取打包的表单数据4
前言:form表单外部额外增加表单元素,最后一起打包数据,发送请求 实现原理,往自定义formdata的空对象中不断添加数据,以达到请求接口需要的参数<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...原创 2020-06-23 17:34:35 · 375 阅读 · 1 评论 -
收集表单数据——获取打包的表单数据3
扩展jquery的自定义方法获取打包的表单数据不管提交按钮是否在form标签内<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scal...原创 2019-11-08 16:41:22 · 147 阅读 · 0 评论 -
表单反显
前言: 表单反显<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /></head><body> <form action="" method="post"> <input type="text" na...原创 2019-08-22 23:39:45 · 1186 阅读 · 0 评论 -
导出功能2
前言:<tr><td><b class="ch" val="2"></b></td><td val="city_name">成都</td><td val="dist_name">--</td><td val="opsys_id">--</td><...原创 2019-08-15 11:12:03 · 95 阅读 · 0 评论 -
导入文件2
<form class="formadd formadd1" target="frame1" enctype="multipart/form-data" method="post" action=""> <input type="submit" class="submitaddbtn" value="批量领取导入" /> <input type...原创 2019-05-25 03:24:16 · 168 阅读 · 0 评论 -
多组普通多选全选反选--选中效果用的是图片
前言:在https://blog.csdn.net/dongsdh/article/details/89632924的基础上,扩展成封装方法<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title>...原创 2019-04-28 11:19:07 · 254 阅读 · 0 评论 -
一组普通多选全选反选--选中效果用的是图片
前言:多选全选反选<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="jquery2.min.js...原创 2019-04-28 10:27:17 · 317 阅读 · 0 评论 -
导入文件
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <title>Document</title></head><body> <form action="" class="forms" enctype="mu...原创 2019-04-02 11:41:38 · 204 阅读 · 0 评论 -
收集表单数据——获取打包的表单数据2
前言:当然有下拉框的时候,一样的原理,表单元素的标签中要有name属性,才可进行打包<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <title>Document</title></head&原创 2019-03-13 16:49:04 · 233 阅读 · 0 评论 -
收集表单数据——获取打包的表单数据1
前言: 之前是每个input输入框去单个获取值,然后再打包给后台 有比较快捷的方式是用jq已有方式进行打包,不用再每个输入框去单个获取值,<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <title>Document<原创 2019-03-13 16:36:35 · 326 阅读 · 0 评论 -
纯数字的验证码
<html> <head> <title>纯字验证码</title> <meta http-equiv='content-type' content='text/html;charset=utf-8'/> <script type='text/javascript'>...原创 2018-12-06 16:39:29 · 2221 阅读 · 0 评论 -
公开非公开单选
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <style> .checkbox>div{ display: inline-block } .checkitem{ margin-left: 6px;原创 2018-12-06 16:31:20 · 124 阅读 · 0 评论 -
表单上传文件提交不用刷新页面的坑
前言:点提交以后,不用刷新页面,获取数据成功后更新数据页面资源项<script src="js/common/jquery.min.js"></script><script src="js/common/jquery.form.js"></script>html<form id="form1" clas原创 2018-09-04 17:18:51 · 1560 阅读 · 0 评论 -
img转base64的两种场景
前言:一,点击图片获取base64<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body&a原创 2018-07-20 15:22:36 · 3622 阅读 · 0 评论