`
haiyupeter
  • 浏览: 427663 次
  • 性别: 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对象是其中的一个重要组成部分,它不仅包含了基本的数字类型,还封装了一整套用于处理数字的方法和属性。本文将针对Number对象的用途、属性、以及各种方法进行详细介绍,旨在为...

    PHP+JavaScript+HTML实现注册界面表单及日历控件1

    此外,为了增强用户体验,我们可以引入JavaScript日历控件,如My97DatePicker。这个控件可以让用户方便地选择日期,而不是手动输入。在HTML中引入对应的JavaScript文件,并在日期输入字段中应用它: ```html ...

    第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控件

    js 时间控件 精确到秒

    在JavaScript编程中,时间控件通常用于用户界面中,允许用户选择或输入特定的时间值。在Web开发中,实现一个精确到秒的时间控件能够提供更细致的时间选择体验,尤其适用于需要精确时间输入的场景,如预约系统、计时...

    JavaScript万年历

    JavaScript万年历是一款基于JavaScript编写的控件,用于显示从公元前4713年至公元4699年的日期,涵盖了儒略日、阴历、时区转换、二十四节气、月亮的望朔以及日食计算等多种功能。这个项目旨在提供一个全面的日期计算...

    数字选择控件

    JS数字选择控件可以用来替代传统的HTML `&lt;input type="number"&gt;`,通过自定义样式和交互方式,提升用户体验。例如,它可以提供更精细的控制,比如限制可选范围、设置步进值或者添加滑动效果。 为了实现这样的控件,...

    35个Axure控件

    9. **数字输入框(Number Input)**:仅允许输入数字,可以设定范围。 10. **开关(Toggle)**:二态选择,如开启/关闭。 11. **图像(Image)**:展示静态图片,可设置响应式。 12. **链接(Link)**:模拟网页...

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

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

    web时间控件

    `InstallGuide.txt`和`build.number`可能包含了安装和更新时间控件库的说明,包括依赖项、版本信息和设置指南。`engines`和`themes`目录可能包含了库的源代码和主题资源。 通过了解并掌握这些知识点,开发者可以...

    Ext日期时间控件 Spinner控件 Ext代码 Extjs Grid

    接下来是`Spinner控件`,它通常被用作数值的增加或减少按钮,可以与`Ext.form.field.Number`结合使用。`Spinner`控件提供了一个直观的方式来改变数值,用户可以通过点击向上或向下的箭头进行增减。`Spinner`控件允许...

    RKWebControl1.1控件帮助说明

    - **JavaScript校验减少**:内置了许多数据校验逻辑,例如NumberEdit和TextEdit控件,大大减少了开发过程中编写校验脚本的时间。 - **灵活的日期输入处理**:Calendar日期选择控件支持连续输入日期格式,并能自动...

    javascript api 手册

    1. **变量与数据类型**:JavaScript支持动态数据类型,包括基本类型(如Number、String、Boolean、Null、Undefined、Symbol和BigInt)和引用类型(如Object)。理解这些类型对于有效编码至关重要。 2. **作用域和...

    JavaScript文件流操作.doc

    这是因为`FileSystemObject`属于ActiveX控件的一部分,而ActiveX技术主要用于Internet Explorer浏览器,并且由于安全限制,在现代浏览器中几乎不再使用。然而,在某些特定环境中,如服务器端JavaScript(如Node.js)...

    创建服务器控件.pptx

    对于客户端脚本支持,服务器控件可以利用`Page.RegisterStartupScript`来添加JavaScript,以便在客户端执行。例如,创建一个具有鼠标悬停效果的`HoverLabel`控件,可以利用此功能来实现浏览器端的行为。此外,通过...

    JAVA分页控件

    分页查询通常涉及到SQL的`LIMIT`和`OFFSET`子句(MySQL)或`ROW_NUMBER() OVER()`(SQL Server)等函数。 5. **参数传递**:在分页请求中,我们需要传递当前页码和每页记录数。这些参数可能通过URL查询字符串或POST...

    JavaScript的ppt教程

    1. 交互性:JavaScript允许开发者创建交互式的网页元素,如按钮、表单控件,可以实时响应用户的操作,提供反馈。 2. 动态性:JavaScript可以改变网页上的文本和内容,创建动态效果,如计时器、滚动文本或动画,提高...

    数字标识控件.zip

    例如,在JavaScript中,可以使用HTML5的`&lt;input type="number"&gt;`标签创建一个基础的数字输入框;在C#的Windows Forms或WPF中,可以使用`NumericUpDown`控件;而在Android开发中,可以自定义一个`SeekBar`或使用`...

    以数字输入为例探讨Javascript技术及时校验功能的实现.pdf

    通过在输入框控件中加入Javascript程序代码,可以实时屏蔽掉不合理的输入,保障输入数值的正确性,并提高程序的容错性。 知识点1:使用onKeypress事件实现实时校验 在HTML代码中,使用onKeypress事件可以在用户...

    ckeditor 3 自定义控件

    根据给定文件的信息,本文将深入探讨如何在 CKEditor 3 中实现自定义控件以及如何集成 CKFinder 1.41。以下内容基于提供的标题、描述、标签及部分内容进行详细解析。 ### CKEditor 3 自定义控件 #### 一、CKEditor...

    asp.net ajax控件应用轻松入门

    - **JavaScript库**:提供对基本JavaScript类型(如Array、Boolean、Number等)的扩展,以及特定于ASP.NET AJAX的功能,如Authentication、Debug和Trace等。 - **JSON序列化**:用于在客户端和服务器之间高效地...

Global site tag (gtag.js) - Google Analytics