根据字符串长度范围禁用按钮

Question

我有一个输入字段和一个按钮。该按钮应在以下简单场景中启用：

• 输入长度等于 10，或
• 输入长度大于 15（应禁用 11 到 14）。

我试过!str.length = 10 || !str.length >= 15，但这些条件都失败了，因为这两种情况之间存在冲突。我知道我可以检查长度是否不等于 11、12、13 或 14，但这看起来不太好。任何更好的解决方案将不胜感激。

Answer 1

尝试：

!(str.length == 10 || str.length > 15)

编辑：

当需要禁用按钮时返回 true，当不需要禁用按钮时返回 false。

@Peter Seliger 为什么这个解决方案不好？

Answer 2

您在第一个条件中使用了单个等号 =，它用于环境变量，不检查它们是什么。它需要是== 或===，在这种情况下，=== 是首选，因为== 用于在两种不同类型（例如字符串、整数）之间进行检查。
应该：

(!str.length === 10 || !str.length >= 15)

编辑：
似乎有必要说明，尽管 OP 说如果等于 10 或“应该启用它”比...更棒15”，OP 明确表示等于或大于15，因为 OP 通过说“（应该在 11 到 14 之间禁用）”，输入“>= 15”并再次说，“不等于 11、12、13 或14."

Answer 3

OP 的模糊规范启用条件和另一个不同的条件为了禁用这是不是对前者的否定以及对利马'沙罗伯特·布拉德利除了我的原始评论之外，我的答案确实强制我单独的答案和测试用例。

• 只有两种表达方式...严格遵循 OP 的标准...

  • “...按钮应该是启用上 ...

    • 输入长度等于 10
    • [OR] 输入长度大于 15" ...

    启用：(str.length > 15 || str.length === 10)

  • 反之还是negation，禁用, 那么是...

    禁用：(str.length <= 15 && str.length !== 10)

    ...而不是 OP 放入括号中的内容 ...“（应该禁用 11 到 14）”... 因为这已经是另一回事了。

在任何配置中运行两者的建议解决方案利马和罗伯特·布拉德利他们的实现总是失败，因为使用的条件从不匹配任何用例启用也不为否定启用也不针对 OP 的特定/特殊禁用.

function isEnabledAccordingToOpsSpecification(str) {
  return (str.length > 15 || str.length === 10);
}
function isDisabledAccordingToOpsSpecAndDeMorgansLaws(str) {
  // De Morgan's laws - (From Wikipedia, the free encyclopedia)
  // see ... [https://en.wikipedia.org/wiki/De_Morgan%27s_laws]
  return (str.length <= 15 && str.length !== 10);
}


function isDisabledAccordingToAnotherOpsSpec(str) {
  return (str.length >= 11 && str.length <= 14);
}

function isDisabledAccordingToUserRobertBradley(str) {
  return (!str.length === 10 || !str.length >= 15);
}

function isDisabledAccordingToUserLima(str) {
  return !(str.length == 10 || str.length >= 15);
}

// after Lima's changes/edit.
function isDisabledAccordingToUserLimaAfterAppliedFix(str) {
  return !(str.length == 10 || str.length > 15);
}
function isEnabledAccordingToUserLimaAfterAppliedFix(str) {
  return (str.length == 10 || str.length > 15);
}


const enabledTestConfigAccordingToOpsSpec = [
  ['01234567', false],
  ['012345678', false],
  ['0123456789', true],         // length ... "equal to 10"
  ['0123456789a', false],
  ['0123456789ab', false],
  ['0123456789abc', false],
  ['0123456789abcd', false],
  ['0123456789abcde', false],   // length ... "equal to 15"
  ['0123456789abcdef', true],   // length ... "greater than 15"
  ['0123456789abcdef0', true],  // length ... "greater than 15"
  ['0123456789abcdef01', true], // length ... "greater than 15"
];

console.log(
  '- all tests passed for OP's "enabled" specification ?..',
  enabledTestConfigAccordingToOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue === isEnabledAccordingToOpsSpecification(str)
    )
);
console.log(
  '- all tests passed for OP's negated (De Morgan's laws) "enabled" specification ?..',
  enabledTestConfigAccordingToOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue !== isDisabledAccordingToOpsSpecAndDeMorgansLaws(str)
    //!expectedValue === isDisabledAccordingToOpsSpecAndDeMorgansLaws(str)
    )
);


const disabledTestConfigAccordingToAnotherOpsSpec = [
  ['01234567', false],
  ['012345678', false],
  ['0123456789', false],
  ['0123456789a', true],        // length ... "equal to 11"
  ['0123456789ab', true],       // length ... "equal to 12"
  ['0123456789abc', true],      // length ... "equal to 13"
  ['0123456789abcd', true],     // length ... "equal to 14"
  ['0123456789abcde', false],
  ['0123456789abcdef', false],
  ['0123456789abcdef0', false],
  ['0123456789abcdef01', false],
];

console.log(
  '
- all tests passed for another OP's specific "disabled" specification ?..',
  disabledTestConfigAccordingToAnotherOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue === isDisabledAccordingToAnotherOpsSpec(str)
    )
);

console.log(
  '
... disabled according to the negated OP's "enabled" specification ...
- all tests passed for another OP's specific "disabled" specification ?..',
  disabledTestConfigAccordingToAnotherOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue === isDisabledAccordingToOpsSpecAndDeMorgansLaws(str)
    )
);

console.log(
  '
... disabled according to user Robert Bradley ...
- all tests passed for another OP's specific "disabled" specification ?..',
  disabledTestConfigAccordingToAnotherOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue === isDisabledAccordingToUserRobertBradley(str)
    )
);
console.log(
  '
... disabled according to user Lima ...
- all tests passed for another OP's specific "disabled" specification ?..',
  disabledTestConfigAccordingToAnotherOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue === isDisabledAccordingToUserLima(str)
    )
);


console.log('

+++ Running Robert's and  Lima's implementations in all other test scenarios in case the intention of each implementation has been gotten wrong +++');

console.log([
  'Robert',

  disabledTestConfigAccordingToAnotherOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue !== isDisabledAccordingToUserRobertBradley(str)
    ),

  enabledTestConfigAccordingToOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue === isDisabledAccordingToUserRobertBradley(str)
    ),
  enabledTestConfigAccordingToOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue !== isDisabledAccordingToUserRobertBradley(str)
    //!expectedValue === isDisabledAccordingToUserRobertBradley(str)
    ),
].join(' ... '));

console.log([
  'Lima',

  disabledTestConfigAccordingToAnotherOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue !== isDisabledAccordingToUserLima(str)
    ),

  enabledTestConfigAccordingToOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue === isDisabledAccordingToUserLima(str)
    ),
  enabledTestConfigAccordingToOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue !== isDisabledAccordingToUserLima(str)
    //!expectedValue === isDisabledAccordingToUserLima(str)
    ),
].join(' ... '));

console.log('
Lima ... after having applied the fixes ...');
console.log(
  '- all tests passed for OP's "enabled" specification ?..',
  enabledTestConfigAccordingToOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue === isEnabledAccordingToUserLimaAfterAppliedFix(str)
    )
);
console.log(
  '- all tests passed for OP's negated "enabled" specification ?..',
  enabledTestConfigAccordingToOpsSpec
    .every(([str, expectedValue]) =>
      expectedValue !== isDisabledAccordingToUserLimaAfterAppliedFix(str)
    //!expectedValue === isDisabledAccordingToUserLimaAfterAppliedFix(str)
    )
);

.as-console-wrapper { min-height: 100%!important; top: 0; }

编辑在 Lima 提出实施修复后

我相应地调整了测试用例。 Lima 的改变函数现在符合 OP 原始的反转/否定规范启用规格;因此 Lima 的当前禁用检查符合上述情况，但不符合 OP 的不同禁用规范，这不是 Lima 更新实现的错，而是归咎于OP的非精确表述禁用.