MooTools可以过滤用户输入，并且可以轻松识别输入类型。基本输入类型为数字和字符串。

数字功能

让我们讨论一些检查输入值是否为数字的方法。这些方法还可以帮助您操纵数字输入。

toInt（）

此方法将任何输入值转换为整数。您可以在变量上调用它，它将尝试从变量包含的内容中给出正整数。

让我们以设计网页的示例为例，该网页包含一个文本框和一个名为TO INT的按钮。该按钮将检查并以实整数形式返回您在文本框中输入的值。如果该值不是整数，则它将返回NaN符号。看一下下面的代码。

例

      
      
      
   
   
   
      Enter some value: 
      
   
   

您将收到以下输出-

输出

尝试不同的值并将其转换为实数整数。

类型（）

此方法检查您传递的变量的值，并返回该值的类型。

让我们举一个例子，其中，我们设计一个网页并检查输入值是Number，String还是Boolean。看一下下面的代码。

例

      
      
      
   
   
   
      Enter some value: 
      
   
   

您将收到以下输出-

输出

尝试不同的值并检查类型。

限制（）

limit（）方法用于为特定数字设置下限值和上限值。该数字不应超过上限值。如果超过，则将数字更改为上限值。此过程也与下限相同。

让我们以提供一个用于输入值的文本框，提供用于检查该值限制的按钮的示例为例。我们在示例中使用的默认限制是0到255。请看下面的代码。

例

      
      
      
   
   
   
      Enter some value: 
      
   
   

您将收到以下输出-

输出

尝试使用其他数字检查限制。

rgbToHex（）

rgbToHex（）方法是将红色，绿色和蓝色值转换为十六进制值。此函数处理数字，属于Array集合。让我们举一个例子，其中，我们将设计一个网页来输入Red，Green和Blue的各个值。提供一个按钮，将所有三个都转换为十六进制值。看一下下面的代码。

例

      
      
      
   
   
   
      Red Value: 


      Green Value: 


      Blue Value: 


      
   
   

您将收到以下输出-

输出

尝试不同的红色，绿色和蓝色值，然后找到十六进制值。

字符串函数

让我们讨论一些String类的方法，这些方法可以操纵输入的String值。在继续之前，让我们看一下如何调用字符串函数的以下语法。

串

var my_variable = "Heres some text";
var result_of_function = my_variable.someStringFunction();

要么，

var result_of_function = "Heres some text".someStringFunction();

修剪（）

此方法用于删除给定字符串的开头和结尾位置的空白。它不会碰到字符串内的任何空格。看一下下面的代码。

例

您将收到以下输出-

输出

在上面的警报框中，可以在调用trim（）方法之前和调用trim（）方法之后找到String中的差异。

清洁（）

此方法用于删除给定字符串中的所有空格，并在单词之间保持单个空格。看一下下面的代码。

例

您将收到以下输出-

输出

contains（）

此方法用于搜索给定字符串的子字符串。如果给定的字符串包含搜索字符串，则返回true，否则返回false。看一下下面的代码。

例

      
      
      
   
   
   
      Given String : 
Hai this is tutorialspoint
      Enter search string: 
      
   
   

您将收到以下输出-

输出

替代（）

此方法用于将输入字符串插入到主字符串。看一下下面的代码。

例

      
      
      
   
   
   
      Given String : 
One is {one}, Two {two}, Three is {three}
      one String : 


      two String : 


      three String : 


      
   
   

您将收到以下输出-

输出

在三个文本框中输入文本，然后单击替换字符串按钮，然后您将看到替换字符串。