javascript - JQuery 验证 - trim 空格

Question

我正在使用jquery validation与 jquery-validation-bootstrap-tooltip plugin在我的 Rails 应用程序中。我想 trim 空格，以便删除开头和结尾的空格，并且不计入验证，并且如果字符串前面有空格，则删除字符串中间的任何空格。我想确保诸如 “funny cat” 或 “funny cat” 之类的内容只会被验证并保存为“funny cat”。

这是我的代码:

$('#custom-tag').validate({
    onkeyup: function (element, event) {
            if (event.which === 9 && this.elementValue(element) === "") {
                return;
            } else if (this.elementValue(element).length < 3 ) {
               return;
            } else {
                this.element(element);
            }
    },
    rules: {
      tag: {
        maxlength: 25,
        minlength: 2
      }
    },
    tooltip_options: {
      tag: { placement: 'right', animation: false }
    }
  });

我找到了这个post这是相关的，但不知道如何将其应用到我的案例中。

我想我可能必须创建自己的方法，在评估输入时忽略额外的空格，并使用before save来确保在保存之前删除这些空格。我可以使用一些帮助代码。

http://jsfiddle.net/QfKk7/

答案:

我使用下面的答案来创建一个新方法:

$.validator.addMethod(
    "maxLen", 
    function (value, element, param) {
      var value = this.elementValue(element).replace(/\s+/g, ' ').trim();
      if (value.length > param) {
        return false;
      } else {
        return true;
      }
  }, "error message");

将 g 添加到正则表达式中使其按照我想要的方式工作。现在我只需要在保存到数据库之前使用rails smish。

Answer 1

首先用一个空格替换多个空格，然后 trim 字符串。

function (element, event) {
  var value = this.elementValue(element).replace(/\s+/g, ' ').trim();
  if (event.which === 9 && value === "") {
    return;
  } else if (value.length < 3 ) {
    return;
  } else {
    this.element(element);
  }
}