隐藏HTML5数字输入的旋转框但接受字母数字字符

Question

我隐藏了输入类型=“数字”的旋转框箭头，但数字限制不起作用。因此，数字框现在接受字母数字字符。

当我能够隐藏微调箭头时，我使用了这段代码：

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

嗨@BenM！谢谢你编辑我的问题。现在，感谢使用 javascript @FakeRainBrigand的想法，但它对我不起作用。

这对我有用。我正在使用 MVC 和 Razor

`         function keeypress（e）{         var unicode = e.keyCode？ e.keyCode：e.charCode

    if (unicode == 8) {
            return;
        };

    if (unicode == 37 || unicode == 39 || unicode == 38 || unicode == 40 || unicode == 27) {
        return;
        }
        else {

        };

    if (unicode == 13) {
            e.preventDefault();
        };

    if ($.isNumeric(String.fromCharCode(unicode)) == false) {
            e.preventDefault();
        };
    }

`

Answer 1

您需要使用像JavaScript这样的客户端脚本。 use jquery validation从表单输入中限制字母数字字符会更好。