对表单中输入的数据进行检验。如果用户输入了纯数字[0-9]数据，则校验通过；否则提示用户输入数据或更改数据，并终止提交，同时将光标定位于输入文本框中。

最新推荐文章于 2022-08-12 21:25:55 发布

icebns

最新推荐文章于 2022-08-12 21:25:55 发布

阅读量708

点赞数 4

分类专栏： web前端基础

本文链接：https://blog.csdn.net/icebns/article/details/108602222

版权

web前端基础专栏收录该内容

18 篇文章 0 订阅

订阅专栏

（南师大现代教育技术15年编程题）

①完善checkinput()部分的代码；②在第23行的空白处填上适当的内容。
checkInput()部分的代码功能是:
对表单中输入的数据进行检验。如果用户输入了纯数字[0-9]数据，则校验通过;否则提示用户输入数据或更改数据，并终止提交，同时将光标定位于输入文本框中。

注意：onsubmit后面的引号中写return oncheckInput()才可以，否则不论是否返回true都会跳转action。

附：如果想要加载页面时就获取鼠标指针在第一个input，需要：

window.οnlοad=function(){

num[0].select();

}

<!DOCTYPE HTML>

<html>

<head>

  <title> 15-1 </title>

</head>

    <body>

        <script>

            var num = document.getElementsByName("inputContent");

            function oncheckInput(){

                if(num[0].value<10 & num[0].value>=0){

                    alert("通过");

                }else{

                    alert("请检查");

                    num[0].select();

                    return false;

                }

                return true;

            }

        </script>

        <form id="form1" name="myform" method="POST" action="#" οnsubmit="return oncheckInput()">

            <label>请输入内容</label>

            <input type="text" name="inputContent" maxlength="24"/>

            <br>

            <input type="submit" name="submit" value="提交"/>

        </form>

    </body>

</html>

icebns

关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
对表单中输入的数据进行检验。如果用户输入了纯数字[0-9]数据，则校验通过；否则提示用户输入数据或更改数据，并终止提交，同时将光标定位于输入文本框中。

（南师大现代教育技术15年编程题）①完善checkinput()部分的代码；②在第23行的空白处填上适当的内容。checkInput()部分的代码功能是:对表单中输入的数据进行检验。如果用户输入了纯数字[0-9]数据，则校验通过;否则提示用户输入数据或更改数据，并终止提交，同时将光标定位于输入文本框中。注意：onsubmit后面的引号中写returnoncheckInput()才可以，否则不论是否返回true都会跳转action。附：如果想要加载页面时就获取鼠标指针在第一个input，需要.
复制链接

扫一扫