提取表单的数据判断数据修改前后是否一致

最新推荐文章于 2023-06-13 17:03:12 发布

原创

最新推荐文章于 2023-06-13 17:03:12 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何在前端检测表单中的选择框和input输入值在修改前后是否一致。通过页面加载时获取初始值，保存时再次获取并比较，确保数据变更时执行更新操作。在处理过程中，注意到获取隐藏域值的特殊情况，以及将表单数据转化为JSON的时机问题。利用字符串转换方法确保比较的准确性，并建议在调试时使用console.log()辅助定位问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表单中一个选择框，一个input，这两个是默认值，需求是判断这两个值是否修改

首先在页面加载完成后自动获取这两个值

formdata=$("#dormDetailForm #apartmentId").val();
		 formdata2 = $("#dormitoryname").val();

<input type="text" class="hidden" id="dormitoryId" name="dormitoryId" th:value='${schoolDormitory.dormitoryId}'/>

 <input id="dormitoryname" name="dormitoryName" th:value="${schoolDormitory.dormitoryName}" type="text" class="form-control" placeholder="寝室名称">

对隐藏域不加表单直接取input的值的话，会得到一个空白值，但不是null

修改完毕后，点击保存，再次获取修改后的数据

var data = $("#dormDetailForm").serializeArray();
		var formdata3 = data[1].value;
		var formdata4 = $("#dormitoryname").val();

先将表单转为json数据，再取得value

页面一开始加载用转化表单为json数据的方法，并不能获取选择框的值，而修改后再使用

formdata=$("#dormDetailF

最低0.47元/天解锁文章

200万优质内容无限畅学