Jquery判斷form表單資料是否變化，jquery判斷form表單

Jquery判斷form表單資料是否變化，jquery判斷form表單

本文執行個體為大家分享了Jquery判斷form表單資料是否變化的三大步驟，供大家參考，具體內容如下

1、思路為：修改時點擊一行datagrid，並進行頁面跳轉資料繫結，在提交form時，序號form表單，並重新擷取datagrid選中的行資料，進行資料比較。</span> 

/**  * 判斷form內屬性值是否被修改  *  * @param jsonForm 對應修改的form序列化後的json資料  * @param row 對應datagrid選中的資料來源  *  * @Return true 存在修改項  *     false 不存在修改項  */ isModified:function(jsonForm,row){   for(key in jsonForm){     //form中存在，但資料來源datagrid中不存在     if(row[key] == undefined){       continue;     }     //form中""或null，但資料來源datagrid中為null或""時，不進行比較     if(!((jsonForm[key] == null || jsonForm[key] == '') && (row[key] == null || row[key] == ''))){       //如果值不同，則返回true       if(jsonForm[key] != row[key])         return true;     }   }   return false; } 

2、擷取變化的值前後變化資訊，由於項目需要記錄值變更記錄，並儲存column中英文資訊，如下：

/**    * 擷取form被修改資訊    *    * @param jsonForm 對應修改的form序列化後的json資料    * @param row 對應datagrid選中的資料來源    * @param columnJSModel 為表單form中name屬性中英對照js，需在update.jsp中引用此js檔案    *    * @Return json 資料如：[{"updateColumn":"loanRatio","updateColName":"額比例","updateContent":"由11變更為100.00"},    *     {"updateColumn":"loanQuotaTypeName","updateColName":"比例形式","updateContent":"由 卡 變更為 實物"}]    *    */   getModifiedField:function(jsonForm,row,columnJSModel){     var modifiedArry = [];     var jsonArrStr = '';     for(key in jsonForm){       //form中存在，但資料來源datagrid中不存在       if(row[key] == undefined){         continue;       }       //form中""或null，但資料來源datagrid中為null或""時，不進行比較       if(!((jsonForm[key] == null || jsonForm[key] == '') && (row[key] == null || row[key] == ''))){         //如果值不同，則返回true         if(jsonForm[key] != row[key]){           var jsonObj = {};                      jsonObj.updateColumn = key;           jsonObj.updateColName = columnJSModel[key];           jsonObj.updateContent = '由'+ row[key] + '變更為' + jsonForm[key];                      modifiedArry[modifiedArry.length] = jsonObj;         }       }     }     jsonArrStr = JSON.stringify(modifiedArry);     //console.log(jsonArrStr);     return jsonArrStr;   } 

3、其中的columnJSModel為中英對照JS實體，ratio、qutaTypeName分別對應form中的name屬性名稱，如下：

var policyColumn = {          ratio : '比例',     quotaTypeName : '比例形式'      }; 

以上就是本文的全部內容，希望對大家的學習有所協助。

您可能感興趣的文章:

• jQuery EasyUI API 中文文檔 - Form表單
• jQuery實現form表單reset按鈕重設清空表單功能
• jQuery-serialize()輸出序列化form表單值的方法
• 如何使用Jquery擷取Form表單中被選中的radio值
• jquery提交form表單時禁止重複提交的方法
• jquery實現ajax提交form表單的方法總結
• jquery序列化form表單使用ajax提交後處理返回的json資料
• jquery自動將form表單封裝成json的具體實現
• 基於Bootstrap+jQuery.validate實現Form表單驗證
• jquery form表單擷取內容以及綁定資料