要实现在文本区域中找到"(http)"、"(https)"或"(www)"时禁用提交按钮,可以通过以下步骤:
<button id="submitBtn" type="submit">提交</button>
。getElementById
方法获取提交按钮的引用,如:var submitBtn = document.getElementById("submitBtn");
。input
或change
事件,当文本发生变化时执行回调函数。disabled
属性为true
或false
来禁用或启用提交按钮。下面是一个示例代码:
<!DOCTYPE html>
<html>
<head>
<title>禁用提交按钮示例</title>
</head>
<body>
<textarea id="textInput" rows="4" cols="50"></textarea>
<button id="submitBtn" type="submit">提交</button>
<script>
var textInput = document.getElementById("textInput");
var submitBtn = document.getElementById("submitBtn");
textInput.addEventListener("input", function() {
var regex = /(http)|(https)|www/gi;
var inputValue = textInput.value;
if (regex.test(inputValue)) {
submitBtn.disabled = true;
} else {
submitBtn.disabled = false;
}
});
</script>
</body>
</html>
在上述示例中,使用了addEventListener
方法监听了文本区域的input
事件。每次文本发生变化时,都会执行回调函数。在回调函数中,使用正则表达式匹配文本区域的值,并根据匹配结果设置提交按钮的disabled
属性。如果匹配成功,禁用提交按钮;否则,启用提交按钮。
请注意,这只是一个简单的示例代码,实际应用中可能需要根据具体的需求进行调整和优化。
没有搜到相关的文章