提交表单时过滤掉没更改的值，只POST修改过的值

最新推荐文章于 2022-05-09 15:54:25 发布
最新推荐文章于 2022-05-09 15:54:25 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： submit form html 文章标签： html form submit
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wem520/article/details/22413323
版权
html 同时被 3 个专栏收录
9 篇文章 0 订阅
订阅专栏
submit
5 篇文章 0 订阅
订阅专栏
form
5 篇文章 0 订阅
订阅专栏 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script  type="text/javascript">
        function IsFormChanged(el, radios) {
            var isChanged = "";
            var form = document.getElementById(el);
            for (var i = 0; i < form.elements.length; i++) {
                var element = form.elements[i];
                var type = element.type;
                switch (type) {
                    case "text":
                    case "hidden":
                    case "textarea":
                    case "button":
                        isChanged += (element.value != element.defaultValue) ? isChanged.length == 0 ? element.name + "=" + element.value : "&" + element.name + "=" + element.value : "";
                        break;
                    case "checkbox":
                        isChanged += (element.checked != element.defaultChecked) ? isChanged.length == 0 ? element.name + "=" + element.value : "&" + element.name + "=" + element.value : "";
                        break;
                    case "select-one":
                    case "select-multiple":
                        for (var j = 0; j < element.options.length; j++) {
                            isChanged += (element.options[j].selected != element.options[j].defaultSelected) ? isChanged.length == 0 ? element.name + "=" + element.value : "&" + element.name + "=" + element.value : "";
                        }
                        break;
                }
            }
            var radiolist = radios.split(',');
            for (var j = 0; j < radiolist.length; j++) {
                var myRadio = document.getElementsByName(radiolist[j]);
                for (var k = 0; k < myRadio.length; k++) {
                    isChanged += (myRadio[k].checked && !myRadio[k].defaultChecked) ? isChanged.length == 0 ? myRadio[k].name + "=" + myRadio[k].value : "&" + myRadio[k].name + "=" + myRadio[k].value : "";
                }
            }
            alert(isChanged);
        }
</script>
</head>
<body>
    
<form id="chageform">
    <input type="checkbox" name="myBox" value="1"/>
    <input type="checkbox" name="myBox" value="2"/>
    <input type="checkbox" name="myBox" value="3"/><br />
    <input type="radio" name="myRadio" checked="checked" value="1"/>
    <input type="radio" name="myRadio" value="2"/><br />
    <input type="radio" name="myRadio2" value="1"/>
    <input type="radio" name="myRadio2" checked="checked" value="2"/>
<input type="button" value="检测" οnclick="IsFormChanged('chageform', 'myRadio,myRadio2')" />
</form>
</body>
</html>

wem520
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
php 过滤多个字符,php过滤form表单提交的危险字符几个代码
weixin_39687422的博客
03-25 166
//php过滤form表单提交的危险字符//处理提交的数据functionhtmldecode($str){if(empty($str)||""==$str){return"";}$str=strip_tags($str);$str=htmlspecialchars($str);$str=nl2br($str);$str=str_repla...
PHP表单提交数据表，自动过滤不需要单元
縋景彡 ...留给我的，永远是你的影子
12-03 378
/** 燕十八 公益PHP培训 课堂地址:YY频道88354001 学习社区:www.zixue.it **/ /* 自动过滤: 负责把传来的数组 清除掉不用的单元 留下与表的字段对应的单元 思路: 循环数组,分别判断其key,是否是表的字段 自然,要先有表
from表单中的内容是否未改变
love398146779的专栏
09-26 107
function isFormChanged(fm,exceptObjName) { if(fm==null) fm=document.forms[0]; if(exceptObjName==null) exceptObjName==""; var selectObjs=fm.getElementsByTagName("SELECT");//For Select Obj ...
html form 表单提交过滤某些input元素
wem520的专栏
03-28 7566
给input 的form属性设置不同的值 First name: 下面的 "Last name" 字段位于 form 元素之外，但仍然是表单的一部分。 Last name:
解决layui追加或者动态修改的表单元素“没效果”的问题
10-16
在使用layui这一前端框架时，有时会遇到动态添加或修改表单元素后，这些元素无法正常显示或功能失效的问题。这个问题通常发生在使用layui Form模块进行表单操作时，因为layui的Form模块在页面加载时会一次性渲染所有...
php获取表单中多个同名input元素的值
12-18
例如，如果你想过滤掉空白的输入，可以使用`array_filter()`函数： ```php $books = array_filter($_REQUEST['books'], 'trim'); ``` 4. **其他相关知识**： - **`$_GET`与`$_POST`的区别**：`$_GET`用于通过...
java表单提交中文乱码的解决方法
09-01
Java表单提交中文乱码问题是一个常见的开发中遇到的困扰，尤其在处理用户输入时，如果编码设置不当，中文字符可能会显示为乱码。解决这个问题需要理解字符编码的基本原理，并采取适当的策略。以下是一些主要的解决...
PHP中使用php://input处理相同name值的表单数据
12-19
在PHP编程中，处理前端表单提交的数据时，有时会遇到相同`name`值的多个输入元素。传统的处理方式是将`name`属性设置为数组形式，如`name="example[]"`，然后在服务器端使用PHP的`$_POST`数组进行合并处理。然而，...
element的form查询时过滤多余的数据
nick_zhang的博客
05-09 604
element的form查询时过滤多余的数据
Vue只提交表单中被修改的部分
温斯顿顿吃不饱
01-03 2664
需求 在提交表单使用http的put请求进行数据更新时，只提交表单中被修改的数据，而不是提交整个表单 解决 获取表单数据时clone一份作为原始数据rawData 在提交表单前将表单数据 formData 和 rawData 的数据进行比较 将差异存放到新的对象 diffData 中，在提交表单时提交就行了 实现（部分代码） template中的代码 <t...
Vue 表单只提交修改过的部分
莫不静好
06-04 3683
文章目录1、页面效果2、实现1.修改回显2.声明，method3.提交方法时调用 1、页面效果 2、实现 1.修改回显 注意： 在this.reset() 方法中每次清空 diffData this.diffData = {}; 2.声明，method data() { return { …… 之前的数据不变 form: null, //记录设备原始数据 diffData: null, //记录修改过的值 } }, /
Vue中提交表单数据
热门推荐
qinchaidaren的博客
07-16 2万+
这种方式可以提交,那么问题来了,表单提交以后如果需要获取服务器的响应呢,如果需要在响应成功后跳转页面呢,这种方式显得不好处理. 切回正题,在vue中这种简单的表单提交如何处理呢,其实使用的是 FormData 来模拟表单提交 ? 1 2 3 4 5 6 7 8 9 10 11 12
Vue中表单添加修改功能踩的坑
qq_41807404的博客
03-31 2625
最近第一次用到Vue来写表单，当点击表单行进行修改操作，弹出修改框，因为用的v-model来绑定，发现把值清空后原页面也跟着改变了，虽然是个小问题，还是思考了很久，想到双向绑定后数据指向为同一地址了，之后使用了深克隆总算解决了，记录一下 <tr id="test1" v-for="item in infoGroup" @click='updateInfo(item)'> &...
jQuery:提交表单前判断表单是否被修改过
赶路人儿
09-28 3615
$("#myform :input").change(function() { $("#myform").data("changed",true); }); //提交前判断 if ($("#myform").data("changed")) { // submit the form }
jsp获取复选框的值并提交到数据库中
最新发布
06-12
2. 在提交表单的 JSP 页面中，使用 request.getParameterValues() 方法获取复选框的值，该方法返回一个字符串数组，其中包含所有被选中的复选框的值。例如： ```jsp String[] hobbies = request....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值