判断form表单是否被修改过

最新推荐文章于 2025-12-04 17:20:28 发布

转载最新推荐文章于 2025-12-04 17:20:28 发布 · 2.9k 阅读

4 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/glenxu/blog/3097192

文章标签：

#javascript #json #java #ViewUI

本文介绍了一种在网页中比较表单初始化数据与当前数据的方法，并在数据发生变化时进行提交。通过使用jQuery和layui库，实现了数据序列化、JSON字符串化及消息提示功能。

           //获取表单初始数据
           var formInit = $("#m_form").serializeArray();
           var TextInit = JSON.stringify({ dataform: dataformInit });
           //保存
           $('#save').click(function() {
               var dataform = $("#m_form").serializeArray();
               var Text = JSON.stringify({ dataform: dataform });
               if(TextInit==Text) {
                   layui.use('layer',function(){
                       var layer=layui.layer;
                       layer.msg("没更改无需提交!",{icon:5});
                   })
               }else{
                   $.post("url",
                       {name:name},
                       function(data) {
                           alert();
                   });
               }
           });