javascript - jQuery 验证 : how to implement a more friendly error message alert?

Question

就像 SO 的问题或答案表单提醒消息:正文必须至少有 30 个字符；您输入了3。，最后一个数字显示当前的字符数。为此，我认为我需要计算数字并附加错误消息，并且我可以将数字附加到 errorPlacement 的第一个参数 error 中，如下所示: http://jsfiddle.net/sscs1kbx/5/

errorPlacement: function(error, element) {
  var placement = $(element).data('error');
  if (placement) {
     error.append(CKEDITOR.instances.editor1.getData().replace(/<[^>]*>/g, '').length);
    $(placement).append(error)
  } else {
    error.insertAfter(element);
  }
}

当用户第一次点击提交按钮时，我工作正常，但是 errorPlacement 在第一次提交时只调用一次，所以，在那之后，我工作失败了？我应该使用哪种方法或函数来实现这个目标？预先非常感谢!

Answer 1

您可以在 addMethod("minlengthxo",...) 中指定动态错误消息:

jQuery.validator.addMethod("minlengthxo", function (value, element, param) {
    debugger
    originalVal = CKEDITOR.instances.editor1.getData().replace(/<[^>]*>/g, '');
    var length = $.isArray(originalVal) ? value.length : this.getLength(originalVal, element);
    return length >= param;
}, function (params, element) {
    enteredLength = CKEDITOR.instances.editor1.getData().replace(/<[^>]*>/g, '').length;
    return 'You need input at least 18 characters, now you entered ' + enteredLength
});

这是一个live exemple