Question

我有一个由jQuery验证插件验证的表单。表单包含一个字段（articleTitle）和一个提交按钮。 articleTitle字段是用户可以输入标题然后提交的字段。以下是要求：

$(".article_form").validate({
  errorElement: 'div',
  rules: {
    articleTitle: {
      required: true,
      minlength: 10
    },
  },

  messages: {
    articleTitle: {
      required: "You have to provide a title for your article!",
      minlength: "Your title must be at least 10 characters long"
    },

  },
});

此验证正常，但当用户输入10个空格时，它认为它是有效的。实际上，如果用户输入10个空格，则应将其视为空白。我怎样才能这样做，如果用户只输入空格，它将被视为空白并告诉用户该字段是必需的？

注意：该字段可能包含空格。只是不是所有的空间。

Answer 1

添加修剪空格的depends函数。它将修剪输入，然后，因为它是必需的，将拒绝空白输入。

onkeyup: false, // this prevents validation on keyup for all fields
...
rules: {
    articleTitle: {
        required: {
            depends: function() {
                $(this).val($.trim($(this).val()));
                return true;
            },
        },   
        minlength: 10
    },
    ...
},
...

需要jQuery验证中的字段

1 个答案: