JavaScript |检查字符串是否是有效的十六进制颜色表示

给定一个 hexCode，任务是使用 JavaScript 知道给定的 hexCode 是否有效。我们将讨论一些技术。

方法：

• 有效的十六进制代码包含字母 (AF) 和整数 (0-9)，长度为 3 或 6。
• RegExp 用于检查字母表是否介于 A 和 F、0-9 之间的整数以及长度 = 3 或 6。

例1：在本例中，通过正则表达式检查hexcode的有效性。

  

    
        JavaScript 
      | Check if a string is a valid hex color representation.
    

  

      
            GeeksForGeeks
        
    
    
    
        click here
    
    
    
    
        var el_up = 
            document.getElementById("GFG_UP");
        var el_down = 
            document.getElementById("GFG_DOWN");
        var colorCode = '#zabbcc';
        el_up.innerHTML = "Click on the button to check whether '"
                          + colorCode + 
                          "' hexCode is valid or not.";
        
        var RegExp = /^#[0-9A-F]{6}$/i;
  
        function GFG_Fun() {
            el_down.innerHTML = RegExp.test(colorCode);
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例比上一个示例进行了更高级的检查。在此示例中，还检查了十六进制代码的有效性。

  

    
        JavaScript |
      Check if a string is a valid hex color representation.
    

  

      
            GeeksForGeeks
        
    
    
    
        click here
    
    
    
    
        var el_up = 
            document.getElementById("GFG_UP");
        var el_down = 
            document.getElementById("GFG_DOWN");
        var colorCode = '#aabbcc';
        el_up.innerHTML = "Click on the button to check"+
          " whether given hexCode is valid or not.";
        var RegExp = /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i;
  
        function GFG_Fun() {
            el_down.innerHTML = RegExp.test(colorCode);
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：