当输入字段的正则表达式匹配时突出显示提交按钮

Question

因为这是我在StackOverflow上的第一个问题，我希望我会正确地做到这一点。 当谈到JS时，我是一个新手，所以我现在问社区。

我正在一个小网站上，您可以添加URL或IP来显示服务器状态。正则表达式正在工作，但我不想将它添加到html的源代码中，以防止黑客可以删除“required pattern =”并添加任何内容。这就是为什么我尝试在JS中构建脚本的原因。如果有比JS更好的选择，我会使用它。

目前按钮只在键入内容时突出显示，如果输入与我的正则表达式匹配，如果它是URL或IP，我希望突出显示按钮。

我现在的剧本是这样的：

window.onload = function(){ 

    document.getElementById("add-button").disabled = true; 
} 

function checkForm(elem) { 
    var button = document.getElementById("add-button"); 
    if(elem.value == "" || elem.value.length == 0) { 
     button.disabled = true; 
    } 
    else { 
     button.disabled = false; 
    } 
} 

我在哪里有，增加了对正则表达式的变量或东西吗？

在此先感谢所有试图帮助我的人！

Answer 1

使用此：

function checkForm(elem) { 
    var ptn = /^((https?|ftp)(:\/\/))(www\.)?[a-zA-Z0-9]+\.[\w+.-]/g; 
    if(ptn.test(elem.value)){ 
     var button = document.getElementById("add-button"); 
     if(elem.value == "" || elem.value.length == 0) { 
      button.disabled = true; 
     }else { 
      button.disabled = false; 
     } 
    }else{return false;} 
}