+ -
当前位置:首页 → 问答吧 → 判断一个表单是否被修改过

判断一个表单是否被修改过

时间:2011-02-18

来源:互联网

转:JKisJK  

判断一个表单是否被修改过




判断一个表单是否被修改过,在不少地方需要用到。
例如,用户打开一个订单编辑页,过一会后,他要关闭页面,
如果用户有修改,那最好能提示下他“请问您确定要离开本页吗?确认离开当前页面吗?\n未保存的数据将会丢失!\n请按“确定”以继续,或者按“取消”回到当前页。”
如果用户没有修改,则不用提醒。

QWrap里提供了一个判断form是否已有改变的方法,代码如下:
  1. /**         
  2. * 判断form的内容是否有改变        
  3. * @method    isFormChanged        
  4. * @param    {element}    el            form对象        
  5. * @param    {string}    filter    (Optional)    过滤函数,会被循环调用传递给item作参数要求返回布尔值判断是否过滤        
  6. * @return    {bool}                    是否改变        
  7. */        
  8. var isFormChanged= function (el, filter) {            
  9. el = g(el);            
  10. filter = filter || function (el) { return false; };            
  11. var els = el.elements, l = els.length, i = 0, j = 0, el, opts;                        
  12. for (; i < l ; ++ i, j = 0) {               
  13. el = els[i];                                
  14. switch (el.type) {                    
  15. case "text":                    
  16. case "hidden":                    
  17. case "password":                    
  18. case "textarea":                        
  19. if (filter(el)) break;                        
  20. if (el.defaultValue != el.value) return true;                        
  21. break;                    
  22. case "radio":                    
  23. case "checkbox":                        
  24. if (filter(el)) break;                        
  25. if (el.defaultChecked != el.checked) return true;                        
  26. break;                    
  27. case "select-one":                        
  28. j = 1;                    
  29. case "select-multiple":                        
  30. if (filter(el)) break;                        
  31. opts = el.options;                        
  32. for (; j < opts.length ; ++ j) {                           
  33. if (opts[j].defaultSelected != opts[j].selected) return true;                        
  34. }                        
  35. break;               
  36. }            
  37. }            
  38. return false;        
  39. };
复制代码
它的第一个参数是form对象。返回值是这个表单是否与load页面时的值的状态是否有变更。
第二个参数是:是为了应对“某些元素值就算是变了,也当作未变”的需求。

作者: 听老歌   发布时间: 2011-02-18

学习了,谢谢分享,

作者: pinke8   发布时间: 2011-02-19