如何使用x-editable和jquery验证插件

Question

在使用XEDITABLE进行编辑时,如何使用jquery验证插件验证信息？

这是我当前未经验证的x-editable字段

这就是我假装的

Answer 1

我使用valib.js而不是石头jquery验证

HTML:

<p>X-editable Bootstrap popup</p>
<div style="margin: 150px">
    <a href="#" id="email">awesome</a>
</div>

JS:

$('#email').editable({
    type: 'text',
    url: '/post',    
    pk: 1,    
    placement: 'top',
    title: 'Enter email' ,
    validate:function(value){

       var v=valib.String.isEmailLike(value)         
       if(v==false) return 'Please insert valid mail';
    }   
});

DEMO