如何使用 jQuery 输入掩码插件验证电话号码？

输入掩码是一个字符串表达式，它演示了有效用户输入值的格式，或者我们可以说它限制了用户输入。如果表单中有某些输入需要验证，这将非常有用。在本文中，我们将学习如何使用 jQuery 应用输入掩码来验证输入元素中的电话号码。

这里可以采用两种方法：

方法一：使用jQuery inputmask插件，下面的例子中定义了三个输入字段，每个字段分别有first-phone 、 second-phone和third-phone类。我们使用 jQuery 类选择器 [$(“.class-name”)] 选择这些元素，然后将inputmask插件中的inputmask()方法应用于每个输入元素。此inputmask()方法的参数采用指定的字符串表达式来约束用户输入。在这种情况下，我们为三个输入字段设置了三种不同格式的电话号码。

CDN链接：

编程需要懂一点英语

注意：此链接必须包含在索引页面中才能使用 jQuery inputmask插件，从而实现其所有功能。

句法：

$(document).ready(function(){

    // A static mask
    $(selector).inputmask("99-9999999"); 
  
    // Mask which specifies options
    $(selector).inputmask({"mask": "(999)-999-9999"});
});

示例：下面的示例说明了使用.inputmask()插件对 jQuery 输入掩码电话号码验证的使用。

HTML



  

    
  
    
    
  
    
    

  

    GeeksForGeeks
  
    jQuery - Input Mask Phone Number Validation
  
  
    
        
            Phone Number 1:
            
        
  
        
            Phone Number 2:
            
        
  
        
            Phone Number 3:

HTML



  

    
  
    
    
  
    
    

  

    GeeksForGeeks
  
    jQuery - Input Mask Phone Number Validation
  
  
    
        
            Phone Number 1:
            
        
  
        
            Phone Number 2:
            
        
  
        
            Phone Number 3:
            
        
  
        
            Phone Number 4:

输出：

方法 2：使用 jQuery maskedinput插件。以下示例中定义了四个输入字段，每个字段分别具有first-phone 、 second-phone、third-phone和Fourth-phone 类。我们使用 jQuery 类选择器 [$(“.class-name”)] 选择这些元素，然后将maskedinput插件中的mask()方法应用于每个输入元素。此mask()方法的参数采用指定的字符串表达式来约束用户输入。在这种情况下，我们为四个输入字段设置了四种不同格式的电话号码。

CDN链接：

编程需要懂一点英语

注意：此链接必须包含在索引页面中才能使用 jQuery maskedinput插件，从而实现其所有功能。

句法：

$(document).ready(function(){
    $(selector).mask("99-9999999");
});

示例：下面是说明使用.mask()插件使用 JQuery 输入掩码电话号码验证的示例。

HTML



  

    
  
    
    
  
    
    

  

    GeeksForGeeks
  
    jQuery - Input Mask Phone Number Validation
  
  
    
        
            Phone Number 1:
            
        
  
        
            Phone Number 2:
            
        
  
        
            Phone Number 3:
            
        
  
        
            Phone Number 4:

输出：