jQuery Validation：如何实现更友好的错误提示信息？

Question

点赞SO的问答形式提示信息：Body must be at least 30 characters; you entered 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

jQuery Validation：如何实现更友好的错误提示信息？

jQuery Validation: how to implement a more friendly error message alert?

javascript

jquery

jquery-validate