【问题标题】:edit-in-place jquery就地编辑jquery
【发布时间】:2025-12-27 14:20:22
【问题描述】:

我使用就地编辑插件: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') })
          }
     });

谁能帮帮我! :-/

【问题讨论】:

    标签: javascript jquery edit-in-place


    【解决方案1】:

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

    例子:

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

    【讨论】:

      【解决方案2】:

      更改您的 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') });      
              }
          }
      

      【讨论】:

        【解决方案3】:

        我找到了解决方案:

         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')});   
                  }            
              }
        

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

        【讨论】: