如何修改JS代码让ASP.NET站点搜索栏支持不区分大小写搜索

你只需要修改页面中@section scripts块内的search函数逻辑，将待匹配的文件名和搜索关键词统一转为相同大小写（全小写或全大写）后再做匹配，即可实现不区分大小写的搜索效果。

修改后的完整脚本代码： #

<script>
function search() {
    // 获取搜索关键词，统一转为小写并去除首尾空格，避免无效匹配
    const searchKey = $("#search").val().toLowerCase().trim();
    $("tr").each(function (index) {
        // 跳过表头行
        if (index > 0) {
            // 获取当前行的文件名，同样转为小写
            const fileName = $(this).find("td")[0].innerText.toLowerCase();
            // 匹配成功则显示，否则隐藏，用toggle简化逻辑
            $(this).toggle(fileName.includes(searchKey));
        }
    })
}
</script>

逻辑说明： #

• JavaScript原生的includes()方法默认严格区分大小写，将两个比较的字符串都通过toLowerCase()转为全小写后再匹配，就可以忽略大小写差异
• 新增的trim()方法可以过滤用户输入时不小心带的前后空格，提升搜索体验
• 使用jQuery的toggle()方法替代手动增删hidden属性，代码更简洁易维护

内容的提问来源于stack exchange，提问作者Panait Rares Horia