编辑就地jquery

时间:2009-11-09 11:20:12

标签: javascript jquery edit-in-place

我使用“就地编辑”插件:http://arashkarimzadeh.com/jquery/7-editable-jquery-plugin.html

我的作品太棒了! 我只需要检查新文本是否为空。如果是,我们必须返回并显示一些错误警报。

代码:

        $('.name').editable({ 
         submit:'Gem',         
         cancel:'Fortryd',         
         onSubmit: function(content){ 
             $.post('/admin/ajax/products/edit_category/',{ category_name:$(this).text(),category_id: this.parent().attr('id') })
          }
     });

有人可以帮助我! : - /

3 个答案:

答案 0 :(得分:2)

在发布之前检查content.current功能中的onSubmit属性 (还有一个content.previous属性,可用于检查更改)

示例:

$(document).ready(function() {
  $("#div1").editable({
    type      : 'textarea',
    submit    : 'OK',
    cancel    : 'Cancel',
    onSubmit : function(content) {
      alert(content.current+':'+content.previous);
    }
  });
});

答案 1 :(得分:0)

更改你的onSubmit:

  onSubmit: function(content){
       if ($(this).val()=='') {
         alert("can't be blank");
        } else {
            $.post('/admin/ajax/products/edit_category/',{ category_name:$(this).text(),category_id: this.parent().attr('id') });      
        }
    }

答案 2 :(得分:0)

我找到了一个解决方案:

 function end(content){
        if (content.current == '') {                 
              $(this).text(content.previous);
          }else{
              $.post('/admin/ajax/products/edit_category/',{ category_name:$(this).text(),category_id: this.parent().attr('id')});   
          }            
      }

它的作品,并显示以前的数据