Javascript 如何使用x-editable和jquery验证插件 当使用插件进行就地编辑时，如何使用插件验证信息？

这是我当前未验证的x-可编辑字段

这是我假装的

我使用jquery验证代替stone验证

HTML:

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

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

---

基于上述答案，但尝试使用jquery验证。 从

HTML

<input type="email" name="email" id="email" required>

---

目前X-editable不支持使用jQuery验证插件。

jQuery验证插件有两个要求，这两个要求在大多数X-editable实现中并不适用：

它要求已验证的元素是

元素（）的子元素。 理论上，我们可以通过将x-可编辑字段嵌套在

元素中来解决这个问题，但是：

已验证的元素必须是表单元素（

，

，

等）（）

因此，基本上，以下是您的选择：

通过设置字段属性

数据类型='email'

（） 根据您的屏幕截图，输出将与您预期的略有不同。因此，您可能应该使用以下方法之一，即：

使用另一个外部验证库，如@dm4web

最终，如果愿意，您还可以创建自己的验证函数

---

It支持也有数据类型='email'

HTML5输入类型。支持以下类型：

密码， 电子邮件， 网址， 电话：， 数字， 范围 时间

$（函数（）{
$（“#电子邮件”）。可编辑({
url:“/post”，
标题：“输入电子邮件”
});
});

$('#email').editable({
    type: 'text',
    url: '/post',    
    pk: 1,    
    placement: 'top',
    title: 'Enter email' ,
    validate: function(value){
       var flag = $("#email-input").validate();
       if (!flag) {
          return 'Please insert valid mail';
       }   
});

<a href="#" id="email" data-type="email" data-
pk="1">admin@example.com</a>
<script>
 $(function(){
  $('#email').editable({
    url: '/post',
    title: 'Enter email'
    });
  });
</script>