现在的位置: 首页 > 综合 > 正文

jquery判断表单值是否改变

2017年10月30日 ⁄ 综合 ⁄ 共 732字 ⁄ 字号 评论关闭

<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;

              }

      })

})

 

 

抱歉!评论已关闭.