`
haiyupeter
  • 浏览: 417986 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

JavaScript Number控件

    博客分类:
  • Util
阅读更多

四年前写的一个管理打分管理系统,弄了几个校验方法出来,当时觉得还是挺有意思的,后来才发现,这是多么挫的一个代码:

//判断是否为空
    function checkEmpty(myText){
        var text = myText.value;
            if(text.length==0){
            alert("请输入内容!");
            myText.focus();
            return false;
        } else {
            return true;
        }
    }
    
    //判断是否为请选择
    function checkSelect(myText){
        var text = myText.value;
            if(text=="pleaseSelect"){
            alert("请选择!");
            myText.focus();
            return false;
        } else {
            return true;
        }
    }    
    
    
    //判断是否整数数值
    function checkInt(content)     
    {   
        var NUM = content.value;
        var i,j,strTemp;     
        strTemp="0123456789";  
           
        if ( NUM.length==0){
            //alert("请输入数值!");
            //content.focus();    
            return true;
        }
           
        for (i=0;i<NUM.length;i++)
        {     
            j=strTemp.indexOf(NUM.charAt(i));     
            if (j==-1)     
            {
                alert("输入数值格式不对!"); 
                content.focus();   
                return false;     
            }
        }
        return true;
    }
    
        //判断是否浮点数值
    function checkNumber(content,bigNum)     
    {   
        var NUM = content.value;
        var i,j,strTemp;     
        strTemp=".0123456789";  
           
        if ( NUM.length==0){
            //alert("输入数值格式不对!");
            //content.focus();    
            return true;
        }
           
        for (i=0;i<NUM.length;i++)
        {     
            j=strTemp.indexOf(NUM.charAt(i));     
            if (j==-1)     
            {
                alert("输入数值格式不对!"); 
                content.focus();   
                return false;     
            }
        }
        j=strTemp.indexOf(NUM.charAt(0));
        if(j==0){
            alert("输入数值格式不对!"); 
            content.focus();   
            return false;
        }   
        
        if(bigNum<NUM){
            alert("输入的数值大于给定值,请重新输入!");
            content.focus();
            return false;
        }
        
        return true;
    }

现在已经可以抽象成一个通用的数值控件,对数值的判断非常的完善了。

有兴趣的可以参考:http://ui.operamasks.org/website/demos.html#omNumberField (以前贡献过一些代码)

对于数值的判断则进一步的深入,希望有更多的人可以用。

分享到:
评论

相关推荐

    Javascript之Number对象介绍

    本文主要介绍javascript中的Number对象的用法,讲解的很详细,希望能给大家做一个参考。

    第5章 JavaScript编程技术 课件

    国家级实验教学示范中心联席会计算机学科规划教材 ...5.2.5 Number对象 5.2.6 Data对象 5.3 JavaScript ActiveX编程技术 5.3.1 FileSystemObject 控件 5.3.2 Excel.Application控件 5.3.3 Word.Application控件

    .net50个常用方法简单华丽的分页控件功能大的分页控件 50个实用方法

    ///ShowJavascript()执行javascript脚本 ///FileDelete()给出文件虚拟路径删除文件 ///FileSize()获取上传文件大小 ///FileUpload()文件上传 路径upload/ 自动重命名 ///FileDownload()文件下载 调用...

    JavaScript详解(第2版)

     9.5.5 Number对象   9.5.6 Boolean对象   9.5.7 Function对象   9.5.8 再论关键字with   9.6 应知应会   练习   第10章 浏览器对象模型:BOM   10.1 JavaScript及浏览器对象模型   10.1.1...

    dtree树型控件(纯js)

     - Unlimited number of levels(无限分级)  - Can be used with or without frames(可用于框架或非框架页面)  - Remembers the state of the tree between pages(在不同页面之间可记住当前状态)  - Possible to ...

    多年收集积累的JavaScript /jQuery插件/UI资料合集(90个).zip

    JavaScript实现的ajax城市选择控件源代码.rar jcarousellite图片滚动.rar JQuery Tab.rar JQuery zTree v3.1.zip jquery 图片滚动特效制作 slide 图片类似窗帘式图片滚动.rar jQuery&amp;CSS图形下拉菜单.rar jQuery...

    Telerik控件英文使用说明

    Telerik控件英文使用说明 What is Telerik Extensions for ASP.NET MVC Telerik Extensions for ASP.NET MVC is a lightweight framework which helps you build rich user interfaces for ASP.NET MVC applications...

    ui-number-input:用于输入数字的 Ember CLI 控件; 意图成为数字和移动友好

    ui-number-input 具有 Bootstrap 和移动友好功能的 HTML 数字输入 一个 Ember-CLI 插件,它提供了 Ember 的 TextInput 控件的功能强大的扩展,并具有以下附加功能: 可用性改进 输入类型设置为“数字”(如果担心...

    客户端统一验证JavaScript函数库及示例源码

    使用ChkInputs.js,会将光标定位到验证不通过的控件上,若控件上有文本同时将其文本选中高亮度显示,不会刷新页面,只有当所有验证通过时才会将结果提交到后台处理,可以使用鼠标或纯键盘及相结合的方式来操作。...

    jQuery slideshow控件

    &lt;SCRIPT type=text/javascript&gt; $('#slideshow .a_bigImg img').soChange({ thumbObj:'#slideshow .ul_change span', thumbNowClass:'on', changeTime:4000 }); &lt;/SCRIPT&gt;

    net实用类50超级实用方法赠分页分页控件强大的分页

    ///ShowJavascript()执行javascript脚本 ///FileDelete()给出文件虚拟路径删除文件 ///FileSize()获取上传文件大小 ///FileUpload()文件上传 路径upload/ 自动重命名 ///FileDownload()文件下载 调用方法如...

    JavaScript笔记

    JavaScript:定义行为和动作 (基于对象和事件驱动的客户端脚本语言;也是一种广泛应用于客户端Web开发的脚本语言) 基于对象:网页中的一切元素都是假象!不需要new,即可直接使用 事件驱动:JavaScript的执行都是...

    v-range-flyout:一个vue组件,它使用一个带有2向绑定的可自定义范围滑块弹出控件来包装输入type = number

    v范围弹出 一个Vue组件,它使用可自定义的范围滑块弹出按钮包装输入type = number。安装npm i --save v-range-flyout在main.js中初始化import rangeFlyout from "v-range-flyout";Vue.use(rangeFlyout);选项(元素...

    javascript中Date对象应用之简易日历实现

     使用type=number的两个input分别作为年和月的输入控件,这样在高级浏览器下自带调节按钮  按照周日到周一的顺序进行星期的排列 &lt;input id=conYear class=con-in type=number min=1900 max=2100 step=1/&...

    Web系统与技术 课程教材

    5.2.5 Number对象... 142 5.2.6 Data对象... 143 5.3 JavaScript ActiveX编程技术... 145 5.3.1 FileSystemObject 控件... 145 5.3.2 Excel.Application控件... 149 5.3.3 Word.Application控件... 158 5.4 ...

    JavaScript高级教程

    第 1 章 JavaScript 是什么...............................................1 3 1.1 历史简述..............................................1 1.2 JavaScript 实现................................................

    rasp.io:使用node.js的现代Raspberry gpio控件

    使用node.js的现代Raspberry gpio控件 目录 入门 安装 npm install @gsantossilva/rasp.io 或者 yarn add @gsantossilva/rasp.io 用法 例子 const LED = 13 ; await Gpio . open ( LED , Gpio . OUTPUT , Gpio . ...

    在b/s开发中经常用到的javaScript技术整理

    在b/s开发中经常用到的javaScript技术整理 一、验证类 1、数字验证内 1.1 整数 1.2 大于0的整数 (用于传来的ID的验证) 1.3 负整数的验证 1.4 整数不能大于iMax 1.5 整数不能小于iMin 2、时间类 ...

Global site tag (gtag.js) - Google Analytics