网络编程
位置:首页>> 网络编程>> JavaScript>> Mootools 1.2教程(8)——输入过滤第一部分(数字)(2)

Mootools 1.2教程(8)——输入过滤第一部分(数字)(2)

作者:Fdream 来源:Fdream博客 发布时间:2008-11-27 13:01:00 

标签:mootools,过滤,数字,教程,javascript

$type()

$type()是另外一个来自MooTools的令人不可思议的简单和有用的东西。它可以检查你传入的无论什么变量,然后返回一个字符串,告诉你这个变量是什么类型:

参考代码:


var checkType = function(variable_to_check){
    var variable_type = $type(variable_to_check);
    alert("Variable is a : " + variable_type);
}


那里还有许多$type()方法可以检测的类型——你可以在这个Core.$type()文档中找到一个完整的列表。不过现在,我们真正关心的是怎么检测整数。如果我们在

toIntDemo()方法中使用$type()方法,那么我们就可以很容易地处理那些toInt()不能处理的输入了:

参考代码: 

var toIntDemo = function(make_me_a_number){
    //Try to make the input number
    var number = make_me_a_number.toInt();
 
    //If That didn't work, set number to 0
    if ($type(number) != 'number'){number = 0;}
    alert('Best Attempt : ' + number);
}


当我们把它们和changeColor()方法组合起来,我们就可以得到一个几乎接近完美的解决方案了:

参考代码: 


var changeColor_2 = function(red_value, green_value, blue_value){
    //Try to make sure everything is an integer
    red_value = red_value.toInt();
    green_value = green_value.toInt();
    blue_value = blue_value.toInt();
 
    //Set default values on anything thats Not a Number
    if ($type(red_value)   != 'number'){red_value = 0;}
    if ($type(green_value) != 'number'){green_value = 0;}
    if ($type(blue_value)  != 'number'){blue_value = 0;}
 
    //Calculate hex value
    var color = [red_value, green_value, blue_value].rgbToHex(); 
    alert('Converts to : ' + color); 
}


最后一个方法中传给rgbToHex()方法的数字超过了RGB允许值0-255的范围,这个值还是被忠实地转换成了它的十六进制值。不幸的是,这意味着我们接受了一个超过那个范围的数字,我们将不能得到一个有效的十六进

制颜色值。幸运的是,MooTools中哎呦另外一个方法,我们可以用来处理这个问题。

limit()

MooTools中的limit()方法也是非常简单直接的。你可以在一个数字上面调用这个方法,传入一个这个数字允许的最小值和一个允许的最大值作为参

数,它会自动地进行舍入处理。你还需要牢记这一点:limit方法需要传入整数参数,因此一般在使用limit方法之前先对你要指定为数字的东西(或者其他在数字集合(

Number Collection)里面的东西)使用toInt()方法。

参考代码:

var limitDemo = function(number_to_limit){
    //Do our best to get an integer
    number_to_limit = number_to_limit.toInt();
 
    //Get the limited value
    var limited_number = number_to_limit.limit(0, 255);
    alert("Number Limited To : " + limited_number);
}

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com