You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在JavaScript中获取整数输入 限制输入仅接受数值字符

公里转米功能输入限制优化方案

原生window.prompt()本身没有限制输入字符类型的能力,你可以通过新增输入合法性校验+重试逻辑实现仅接收数字的需求,修改后可直接运行的代码如下:

document.getElementById("button1").addEventListener("click", function ktm(){
    let ktmInput;
    // 循环校验直到拿到有效数字或用户主动取消输入
    while (true) {
        ktmInput = window.prompt("请输入公里数值:");
        // 处理用户点击取消的场景,直接终止逻辑
        if (ktmInput === null) return;
        // 去除首尾空格后校验是否为有效数字
        const trimVal = ktmInput.trim();
        if (trimVal && !isNaN(trimVal)) {
            ktmInput = Number(trimVal);
            break;
        }
        alert("输入无效,请输入数字");
    }
    alert(`${ktmInput} 公里换算为米是 ${ktmInput * 1000} 米`);
})

核心改动说明:

  • 新增输入校验逻辑,自动识别字母、空输入、仅空格等非法输入场景
  • 非法输入时弹窗提示,自动重新唤起输入框,不用用户再次点击按钮
  • 兼容用户点击取消输入的场景,不会出现逻辑报错
  • 自动过滤输入首尾的空格,避免用户误输空格导致校验失败

内容的提问来源于stack exchange,提问作者Muhammad Jamil

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.07 09:09:04