javascript - その場で編集するjquery

Question

エディットインプレースプラグインを使用しています：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') })
          }
     });

誰か助けてくれませんか！：-/

Answer 1

投稿する前content.currentに、関数のプロパティを確認してください。 （変更を確認するために使用できるプロパティもあります）onSubmit
content.previous

例：

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

Answer 2

私は解決策を見つけました：

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

その作品、そして以前のデータを表示するために行きます

Answer 3

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