<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title></title>

    </head>

    <body>

        <p>检查输入的内容是否为数字</p>

        <!-- 建立文本框输入内容，placeholder=''可以在里面输入提示信息 -->

        <input type="text" name="" id="demo1" value="" placeholder="请输入内容" />

        <!-- 点击按钮，执行myFunction()函数 -->

        <button type="button" onclick="myFunction()">检查</button>

        <!-- 输出结果 -->

        <p id="demo2" style="color: red;"></p>

        <script type="text/javascript">

            function myFunction(){

                var x = document.getElementById('demo1').value;//获取input框内的值,也就是value

                var y = document.getElementById('demo2');//获取p标签,方便输出结果

                if(x==""||x==" "||isNaN(x)){//isNaN(x):检查X是否不为数字,不是就输出if,否则输入else

                    y.innerHTML='输入内容不是数字，重新输入！';

                }

                else{

                    y.innerHTML='输入正确！';

                }

            }

            /* if(x==""||x==" "||isNaN(x))只能判断空值，一个空格，和非数字，

            如果是多个空格或者特殊符号依然会判断错误，所以实际应用当中需要用到正则表达式； */

        </script>

        <p>------------分割线------------</p>

        <p>用正则表达式判断输入的内容是否为数字</p>

        <!-- 建立文本框输入内容，placeholder=''可以在里面输入提示信息 -->

        <input type="text" name="" id="demo3" value="" placeholder="请输入内容" />

        <!-- 点击按钮，执行myFunction1()函数 -->

        <button type="button" onclick="myFunction1()">检查</button>

        <!-- 输出结果 -->

        <p id="demo4" style="color: red;"></p>

        <script type="text/javascript">

            function myFunction1(){

                var a = document.getElementById('demo3').value;

                var b = document.getElementById('demo4');

                if(a.replace(/(^\s*)/,"")==""||isNaN(a)){

                    b.innerHTML='输入内容不是数字，重新输入！';

                }

                else{

                    b.innerHTML='输入正确！';

                }

            }

            /* a.replace(/(^\s*)/,"")==""

            这里表示以空格开头且有1个或多个空格，就会把值转换为==""空值，从而判断不是数字

            ^    表示以某个字符开头

            \s    表示空白字符 包括：空格、Tab、换行、回车

            *    表示有一个或者多个同类型字符

            其他复杂的正则还没研究过，这里只是简单例子

            */

        </script>

    </body>

</html>

JavaScript002，验证输入的更多相关文章

  1. js验证输入的金钱格式

    <html> <head> <title>js验证输入的金钱格式</title> <script type="text/javascri ...

  2. PeopleEditor允许客户端输入的同时验证输入的内容

    如何判断PeopleEditor的值为空   在sharepoint开发中,我们经常会用到PeopleEditor这一控件,最近我在写程序的时候用到了,开始的时候不知道怎么用,后来问题解决啦,现在写出 ...

  3. js 捕捉回车键触发登录，并验证输入内容

    js 捕捉回车键触发登录,并验证输入内容 有时候我们会遇到 web 页面中捕捉按键,触发一些效果, 比如常见的回车键触发登录,并验证输入内容,下面会介绍,截图: 一.最简单的捕捉回车键:判断按下的是不 ...

  4. JavaScript：验证输入

    <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content=&q ...

  5. WPF TextBox 验证输入

    //验证输入为数字private void txt_time_KeyDown(object sender, KeyEventArgs e){ if (!((e.Key >= Key.D0 &am ...

  6. javascript不用正则验证输入的字符串是否为空(包含空格)

    在项目中需要验证输入的字符串是否为空,包括空格,不太喜欢使用正则,所以就想到了js的indexOf函数,indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置,如果要检索的字符串值没 ...

  7. js验证输入的是否是数字，小数保留几位小数

    1.验证方法 validationNumber(e, num)  e代表标签对象,num代表保留小数位数 function validationNumber(e, num) { -]+\.?[-]*$ ...

  8. php验证输入字符串中含有非法字符

    $pattern = "/(&|"|<|>|')+/";  preg_match($pattern, $media_name, $matches);  ...

  9. javascript数字验证输入

    javascript数字验证功能: <html> <body> <p>请输入数字.如果输入值不是数字,浏览器会弹出提示框.</p> <input ...

随机推荐

  1. Hbuilder连接苹果手机

    最简单的连接方法 1     手机电脑连接---usb 2     pc下载iTunes 3     信任电脑,手机信任设备(设置--->通用--->设备管理-->信任) 4     ...

  2. python运算符 - python基础入门(7)

    什么是运算符?听着高大上,实际小学生都能把它玩的贼溜.比如:3 + 2 – 5 * 0 = 0 一.算术运算符 简称加减乘除,直接上代码:   a = 10 b = 20 c = 30 # 其实上面三 ...

  3. Information retrieval (IR class2)

    1.  解析文档一般要分析哪些方面? - 首先分析文档的格式,是docx,html,xml,pdf... - 其次分析文档的语言,是英语,汉语,日语,德语... - 使用的什么字符集,ASCII编码, ...

  4. [转帖]一个关于国密SM4的故事

    一个关于国密SM4的故事 https://www.cnblogs.com/ouyida3/p/10053862.html SM1 硬件SM2 非对称加密SM3 hash算法SM4 对称加密 一个关于国 ...

  5. linux-centos7安装Oracle11gr2数据库（在图形界面下）

    修改操作系统核心参数 在Root用户下执行以下步骤: 1)修改用户的SHELL的限制,修改/etc/security/limits.conf文件 oracle soft nproc 2047 orac ...

  6. Core使用SAP Web Service

    .Net Core在使用SAP的Web Service会遭遇到一些错误,貌似目前并不支持SAP中的Web Service,我们需要曲线实现下调用过程: 经测试,不再需要Framework项目中转,Sy ...

  7. List 集合 使用 remove 踩得坑

    不要在 foreach 循环里进行元素的 remove/add 操作.remove 元素请使用 Iterator方式,如果并发操作,需要对 Iterator 对象加锁.   正确例子: Iterato ...

  8. 最详细的原生js实现ajax的封装

    1. ajax的介绍 1.1 含义 ajax 的全称是Asynchronous JavaScript and XML 简单理解下:ajax就是异步的js和服务端的数据 1.2 组成 异步的js:事件, ...

  9. 2.原子变量 CAS算法

    前面提到,使用volatile无法保证 变量状态的原子性操作,所谓原子性,就是不可再分 如:i++的原子性问题,i++ 的操作实际上分为三个步骤  "读-改-写" (1)保存i的值 ...

  10. go语言interface学习

    Go 中的 interface 所具有的最基本的功能:作为一种 abstract type,实现各种 concrete type 的行为统一. interface是一种类型.只有是实例化后才能调用in ...