JavaScript Number控件

最新推荐文章于 2021-09-17 16:01:06 发布

最新推荐文章于 2021-09-17 16:01:06 发布 · 249 阅读

文章标签：

#JavaScript #NumberField #ViewUI

Util 专栏收录该内容

16 篇文章

订阅专栏

作者回顾了四年前编写的打分管理系统中的校验方法，并反思了这些方法的不足之处。分享了如何改进这些方法以实现更通用且完善的数值控件。

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

//判断是否为空
    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 （以前贡献过一些代码）

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