改了一个小项目，里面有一个小的问题他们是这样提需求的。两个输入框，第一个输入框里面，输入的内容会对第二个输入框中的内容产生影响。具体是这样的：如果第一个输入框中的值不是“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. 【ODI】| 数据ETL：从零开始使用Oracle ODI完成数据集成（二）

    前一节已经完成了Oracle数据库和ODI的安装,并已经为ODI在Oracle数据库中创建了两个用户,分别用于存放主资料库数据和工作资料库数据,在ODI中完成主资料库和工作资料库的创建,也分别为其创建 ...

  2. Python爬虫入门这一篇就够了

    何谓爬虫 所谓爬虫,就是按照一定的规则,自动的从网络中抓取信息的程序或者脚本.万维网就像一个巨大的蜘蛛网,我们的爬虫就是上面的一个蜘蛛,不断的去抓取我们需要的信息. 爬虫三要素 抓取 分析 存储 基础 ...

  3. 解决Configuration 'compile' is obsolete and has been replaced with implementation

    项目中Gradle版本升级到4.4后,项目构建时,每次出现红色的警告信息: WARNING: Configuration 'compile' is obsolete and has been repl ...

  4. 一文助您成为Java.Net双平台高手

    写在前面:本文乃标题党,不是月经贴,侧重于Web开发差异,或细节或概述,若有不对之处,还请各位读者本着友好互助的心态批评指正.由于博客园中.Neter较多(个人感觉),因此本文也可以作为.Neter到 ...

  5. c#中@标志的作用

    参考微软官方文档-特殊字符@,地址 https://docs.microsoft.com/zh-cn/dotnet/csharp/language-reference/tokens/verbatim ...

  6. ASP.NET/MVC/Core的HTTP请求流程

    ASP.NET HTTP管道(Pipeline)模型 1. 先讲一点,再深刻思考 一般我们都在写业务代码,优化页面,优化逻辑之间内徘徊.也许我们懂得HTTP,HTTPS的GET,POST,但是我们大部 ...

  7. 秋季学期学习总结&&以及下学期的期待

    秋季总结 第一学期已经结束了,下面来分点归纳下知识点: ·基础编程:利用c语言来进行编程 ·分支结构:利用if-else语句和switch语句编程,以及字符型数据的利用 ·循环结构:利用while.d ...

  8. 利用python开发app实战

    你说,我们的未来 被装进棺材,染不上尘埃 *** 我很早之前就想开发一款app玩玩,无奈对java不够熟悉,之前也没有开发app的经验,因此一直耽搁了.最近想到尝试用python开发一款app,goo ...

  9. 467. [leetcode] Unique Substrings in Wraparound String

    467. Unique Substrings in Wraparound String Implement atoi to convert a string to an integer. Hint: ...

  10. python脚本简化jar操作命令

    本篇和大家分享的是使用python简化对jar包操作命令,封装成简短关键字或词,达到操作简便的目的.最近在回顾和构思shell脚本工具,后面一些文章应该会分享shell内容,希望大家继续关注. 获取磁 ...