使用div <div>中的Jeditable或段落<p> </p> </div>验证文本

Question

我想在提交给服务器之前验证文本/数据。这是我的div

<div class="edit" id="editme">edit me</div>

所以我想验证div中的数据然后提交它。我试过这样的事，

    $('.edit').editable("${g.createLink(controller: 'comment', action:'editCommentForDocument')}",{
        event: 'dblclick',
        type      : 'autogrow',
        cancel    : 'Cancel',
        submit    : 'OK',
        indicator : '<img src="../images/spinner.gif">',
        tooltip   : 'Click to edit...',
        onblur    : ignore,
        submitdata : function(value, settings){
            if(value.trim() == ''){
                alert('empty');
            }

        },
        data : function(value, settings){
            if(value.trim() == ''){
                alert('empty');
            }
        },
        edit: {
            lineHeight : 12,
            minHeight  : 32
        }

    });


});

我甚至尝试在jeditable block-

中使用onsubmit

    onsubmit: function(settings, td) {
          var input = $(td).find('input');
          alert(input)   
     }

什么都没有用。请帮助。