用欧芹X可编辑两次，调用ajax

Question

我有以下代码：

$.fn.editable.defaults.mode = 'inline';
var editable = $('.x-editable').editable({
    send: 'always',
    validate: function() {
        var form = editable.next().find('form');
        if (!form.parsley().isValid()) {
            return true;
        }
    }
});
editable.on('shown', function () {
   var form = editable.next().find('form');
   form.parsley();
});

和html：

<a class="x-editable toggle-content editable editable-pre-wrapped editable-click" href="#" data-toggle-limit="110" data-toggle-limit-padding="10" data-custom-params="{&quot;inLaunchId&quot;:1489,&quot;inActivitySummaryId&quot;:71962900}" data-disabled="false" data-emptytext="Add a comment" data-escape="true" data-name="inComment" data-placeholder="" data-tpl="<textarea maxLength=&quot;4000&quot; data-parsley-pattern=&quot;^\d+$&quot;  data-popover=&quot;<p>Max length: <b>4000</b></p>&quot;></textarea>" data-type="textarea" data-url="submitURL" data-value="text">text</a>

并且由于未知原因ajax请求被发送两次，有人知道为什么吗？ 如何解决这个问题？ 这是jsFiddle

Answer 1

由于您使用的是可编辑的形式，而欧芹仅用于验证-快速修复将禁止欧芹提交表单。 在这种情况下，-字段将由bootstrap可编辑提交。

$.fn.editable.defaults.mode = 'inline';
var editable = $('.x-editable').editable({
    send: 'always',
    validate: function() {
    var form = editable.next().find('form');
    if (!form.parsley().isValid()) {
        return true;
    }
  }
});
editable.on('shown', function () {
  var form = editable.next().find('form');
  form.parsley().on('form:submit', function() {  
    return false; // Don't submit form 
  });;
});