Jquery détermine si les données du formulaire ont changé

Jquery détermine si les données du formulaire ont changé_jquery

WBOY

Libérer： 2016-05-16 15:07:27

original

2303 Les gens l'ont consulté

L'exemple de cet article partage les trois étapes principales permettant à Jquery de déterminer si les données du formulaire ont changé pour votre référence. Le contenu spécifique est le suivant

1. L'idée est la suivante : Cliquez sur une ligne de la grille de données lors de la modification et effectuez une liaison de données de saut de page lors de la soumission du formulaire, du formulaire de numéro de série et réobtenez les données de ligne sélectionnées de la grille de données. et effectuez une comparaison de données.

/** 
 * 判断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; 
}

Copier après la connexion

2. Obtenez les informations de modification avant et après la valeur modifiée étant donné que le projet doit enregistrer l'enregistrement de modification de valeur et enregistrer les informations en chinois et en anglais de la colonne, comme suit :

/** 
   * 获取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; 
  }

Copier après la connexion

3. Le columnJSModel est une entité JS chinois-anglais, et ratio et qutaTypeName correspondent respectivement au nom de l'attribut name sous la forme, comme suit :

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

Copier après la connexion

Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun.