改了一个小项目，里面有一个小的问题他们是这样提需求的。两个输入框，第一个输入框里面，输入的内容会对第二个输入框中的内容产生影响。具体是这样的：如果第一个输入框中的值不是“0”，那么第二个输入框就不能填写任何的数据，只能默认“0”。只有当第一个输入框中输入0的时候，第二个输入框才是可以输入的。这个需求同样的很简单。在自己测试的时候出现了一个小问题，就是当用户删除第一个输入框的内容的时候，居然没有走（input_val==“”）的这个判断，而是走的（input_val==0）的这个判断，当时有点懵逼啊。很是不理解。现在来整理一下，方便下次的时候使用。

　　其实当我们删除输入框的内容的时候，我们取到的值确实是""，但是这个时候js进行判断时候，会出现一个隐形的转换，就是0==“”是true，所以这个时候我们的条件就有错了。因为我们是用的if else判断的，而且我把这个判断等于0卸载了最上面，所以就这个时候就出错了。这里给自己记录一下，捎带着我自己写了一个测试的小demo，这里直接附上代码。直接粘贴到编辑器然后运行就可以了。

　　

 <html>

     <head>

         <title></title>

         <meta charset="UTF-8" />

         <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

     </head>

     <body>

         <h1>input输入框中的空和0的判断</h1>

         <input type="text" name="" id="input_one" value="" />

         <p class="input_one_con"></p>

         <p>判断时候和0相等:<i class="eq_0"></i></p>

         <p>判断时候和null相等:<i class="eq_null"></i></p>

         <p>判断时候和“”相等:<i class="eq_"></i></p>

         <h2>结论：如果是删除了，没有数值了，那么和“”是相等的，但是和null是不相等的</h2>

     </body>

     <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

     <script type="text/javascript">

         $("#input_one").on("input",function(){

             var input_val = $(this).val();

             $(".input_one_con").text(input_val);

             if(input_val==0){

                 $(".eq_0").text("true");

             }else{

                 $(".eq_0").text("false");

             }

             if(input_val==null){

                 $(".eq_null").text("true");

             }else{

                 $(".eq_null").text("false");

             }

             if(input_val==""){

                 $(".eq_").text("true");

             }else{

                 $(".eq_").text("false");

             }

         })

         console.log(null=="");

     </script>

 </html>

输入框中的空""，0，null的判断的更多相关文章

  1. C#中烦人的Null值判断竟然这样就被消灭了

    作者:依乐祝 首发自:DotNetCore实战 公众号 https://www.cnblogs.com/yilezhu/p/14177595.html Null值检查应该算是开发中最常见且烦人的工作了 ...

  2. 关于页面上输入框中 空格 、0 、NULL 的处理 示例

    ep.setPositionNum(get("positionNum").toString()); ep.setClasstype(get("classtype" ...

  3. java 增强for循环对于空集和null的判断

    List<String> list = null; for (String str : list) {//会报空指针异常 System.out.println(str); } List&l ...

  4. 【Unity3D】中的空引用 Null Reference Exception

    Null Reference Exception : Object reference not set to an instance of an object. 异常:空引用,对象的引用未设置到对象的 ...

  5. PHP中0、空、null和false的总结

    php中很多人还不懂php中 0 , '' , null 和 false 之间的区别,这些区别有时会影响到数据判断的正确性和安全性,给程序的测试运行造成很多麻烦.另外在面试题中也会遇到这些问题,如下: ...

  6. 3-java中String值为空字符串与null的判断方法

    java中String值为空字符串与null的判断方法 2018年01月21日 14:53:45 阅读数:1189 Java空字符串与null的区别 1.类型 null表示的是一个对象的值,而不是一个 ...

  7. php中0," ",null和false的区别

    php中很多还不懂php中0,"",null和false之间的区别,这些区别有时会影响到数据判断的正确性和安全性,给程序的测试运行造成很多麻烦.先看一个例子: <? $str ...

  8. JS常用校验方法（判断输入框是否为空，数字，电话，邮件，四舍五入等）

    JS常用校验方法: 1.判断输入框是否为空,为空时弹出提示框 2.关闭窗口 3.检查输入字符串是否为数字 4.强制把大写转换成小写 5.手机号码校验,长度为11位数字. 6.电子邮件校验 7.电话号码 ...

  9. mybatis sql中if判断传入Integer类型，传入0时，判断没有执行

    数据库中字段 isDisable 0:否:1:是 xml中判断 <if test="isDisable != null and isDisable !='' "> AN ...

随机推荐

  1. 使用Mybatis实现动态SQL（一）

    使用Mybatis实现动态SQL 作者 : Stanley 罗昊 [转载请注明出处和署名,谢谢!] 写在前面:        *本章节适合有Mybatis基础者观看* 前置讲解 我现在写一个查询全部的 ...

  2. r.js合并实践 --项目中用到require.js做生产时模块开发 r.js build.js配置详解

    本文所用源代码已上传,需要的朋友自行下载:点我下载 第一步: 全局安装  npm install -g requirejs 第二步: 1.以下例子主要实现功能, 1)引用jq库获取dom中元素文本, ...

  3. 网络协议 终章 - GTP 协议：复杂的移动网络

        前面都是讲电脑上网的情景,今天我们就来认识下使用最多的移动网络上网场景. 移动网络的发展历程     你一定知道手机上网有 2G.3G.4G 的说法,究竟这都是什么意思呢?有一个通俗的说法就是 ...

  4. windows下,读取快捷方式lnk所指向的路径

    BOOL GetLnkFileName( OUT PWSTR pLnkName, OUT PWSTR OepnFileNameBuufer, IN DWORD OpenFileNameBufferSi ...

  5. <<C语言--神奇的指针>>

    指针很简单 ------引子 学计算机语言,首先推荐C语言.无论是数据结构还是算法,站在C语言的角度,会让我们理解的更加清晰透彻. 但是,指针不太"友好",让很多人抓狂,头疼.不少 ...

  6. 笔记：Java虚拟机运行时数据区

    Java虚拟机在执行Java程序的过程中会把它管的内存划分为以下若干个不同的区域: 1.程序计数器 程序计数器是一块较小的内存空间,它可以看作是当前线程所执行的字节码的行号指示器:由于Java虚拟机的 ...

  7. 包装类及 LeetCode 每日一题

    1.包装类与创建对象 Java 为8大数据类型都提供了相应的包装类,并提供属性和方法,更方便的操作基本数据类型.包装类位于java.lang包中. 对于这几种类型的基本数据,都有相似的方法实现基本数据 ...

  8. Windows API编程（SDK编程）配置VS2017——出现LNK 2019错误的win32项目如何解决

    最近刚入门SDK编程,在 我终于知道为什么windowsApi学的人这么少了 这篇文章中,确实发现了这样的问题,我的教程使用VS2013->Windows桌面->win32,就诞生了能使用 ...

  9. node项目自动化部署--基于Jenkins,Docker,Github(1)安装Jenkins

    前言 每次项目代码更新后都要重新部署,如果只有一台服务器还好. 但是如果是分布式系统,动不动就很多台服务器,所以代码的自动部署就显得十分重要了. 这里用几篇文章来记录一下如何使用Jenkins,Doc ...

  10. ASP.NET Aries 高级开发教程：Excel导入之单表配置（上）

    前言: 随着ASP.NET Aries的普及,刚好也有点闲空,赶紧把Excel导入功能的教程补上. Excel导入功能,分为四篇:单表配置(上).多表高级配置(中).配置规则(下).代码编写(番外篇) ...