实现输入框内容校验：忽略格式与空格，一致则清空第二个输入框

需求是：当第一个输入框与第二个输入框的文本内容在忽略空格及字体大小写后完全一致时，自动清空第二个输入框的内容。

原代码直接用严格相等判断，没处理空格和大小写差异，没法满足需求。下面是修正后的实现：

HTML 代码 #

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<input value="dom" class="test_1">
<input value=" Dom" class="test_2">

JavaScript 代码 #

$(document).ready(function() {
  const input1 = $(".test_1");
  const input2 = $(".test_2");

  input2.on('focusout', function() {
    // 统一文本格式：去除首尾空格、转小写
    const normalizeText = (text) => text.trim().toLowerCase();
    
    const processedVal1 = normalizeText(input1.val());
    const processedVal2 = normalizeText(input2.val());

    if (processedVal1 === processedVal2) {
      input2.val('');
    }
  });
});

代码说明 #

• 用normalizeText函数对输入文本做标准化处理：trim()去掉首尾空格，toLowerCase()统一转成小写，以此忽略空格和字体大小写的差异。
• 监听第二个输入框的focusout事件（失去焦点时触发），对比两个输入框处理后的内容。
• 当处理后的内容完全一致时，清空第二个输入框的内容。

内容的提问来源于stack exchange，提问作者G-Force53