如何对输入框中输入内容进行限制 eg:只能输入数字加空格的格式,其他就弹出提示错误

发布于 2022-09-01 23:15:58 字数 1358 浏览 21 评论 0

<!DOCUMENT>

<head>

<script>
    function s() {
        var radios = document.querySelectorAll('input[name=sort]');
        var result = document.getElementById("result");
        var arr = document.getElementById("arr").value;
        var arr_1 = arr.split(" ");

        for (k = 0; k < arr_1.length; k++) {
            arr_1[k] = parseInt(arr_1[k]);
        }

        for (n = 0; n < arr_1.length; n++) {
            for (i = 0; i < arr_1.length; i++) {
                if (arr_1[i] <= arr_1[i + 1]) {
                    teamp = arr_1[i + 1];
                    arr_1[i + 1] = arr_1[i];
                    arr_1[i] = teamp;
                }
            }
        }
        if (radios[0].checked == true) {
            result.innerText = arr_1;
        }
        if (radios[1].checked == true) {
            result.innerText = arr_1.reverse();
        }
    }
</script>

</head>
<html>

<body>

<input type="text" id="arr">
<input type="radio" checked="checked" name="sort" value="grade down" />降序
<br />
<input type="radio" name="sort" value="ascending" />升序
<br />
<p id="result">我是结果</p>
<button onclick="s()">确定</button>

</body>

</html>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

病女 2022-09-08 23:15:58

方法很多啊,比如监听键盘的press事件,发现是非数字或空格键就弹窗

监听inputblur事件,用正则表达式去检查内容,如果不符就弹窗

a√萤火虫的光℡ 2022-09-08 23:15:58

input propertychange

旧伤还要旧人安 2022-09-08 23:15:58

html

<input type="text" id="inp" />

js

window.onload=function(){
  var inpEle = document.getElementById('inp');
  inpEle.oninput = function(){
    if(!(/^[0-9 ]+$/.test(inpEle.value))){
      alert('wrong format');
    }
  };
};
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文