Jquery判断form表单数据是否变化_jquery

WBOY
Release: 2016-05-16 15:07:27
Original
2165 people have browsed it

本文实例为大家分享了Jquery判断form表单数据是否变化的三大步骤,供大家参考,具体内容如下

1、思路为:修改时点击一行datagrid,并进行页面跳转数据绑定,在提交form时,序列号form表单,并重新获取datagrid选中的行数据,进行数据比较。

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

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; }
Copy after login

3、其中的columnJSModel为中英对照JS实体,ratio、qutaTypeName分别对应form中的name属性名,如下:

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

以上就是本文的全部内容,希望对大家的学习有所帮助。

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!