jquery判断表单值是否改变

最新推荐文章于 2020-10-20 20:53:42 发布

Jayzai

最新推荐文章于 2020-10-20 20:53:42 发布

阅读量6.3k

点赞数 1

文章标签：表单是否改变

本文链接：https://blog.csdn.net/jayzai/article/details/12493747

版权

1.在表单加载(初始化)就把表单序列化成json格式数据

 var dataformInit = $("#form1").serializeArray();
 var jsonTextInit = JSON.stringify({ dataform: dataformInit });

2.点击提交按钮在把表单序列化成json格式数据

var dataform = $("#form1").serializeArray();
var jsonText = JSON.stringify({ dataform: dataform });
if(jsonTextInit==jsonText)
{
   alert("表单值没有改变！");
   return false;
}
else
{
   alert("表单值改变了！");
   return false;
}

实现方法：

$(function(){

      var dataformInit = $("#form1").serializeArray(); 

      var jsonTextInit = JSON.stringify({ dataform: dataformInit });

      $("#bt_submit").click(function(){

             var dataform = $("#form1").serializeArray();

             var jsonText = JSON.stringify({ dataform: dataform });

             if(jsonTextInit==jsonText)

             { 

                     alert("表单值没有改变！");

                      return false;

             }

             else{ 

                       alert("表单值改变了！"); 

                        return false;

              }

      })

})