jquery判断表单值是否改变

<script src="/js/json2.js" type="text/javascript"></script>

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;

              }

      })

})


 


 

你可能感兴趣的:(表单是否改变)