隐藏表单提交按钮,直到使用HTML / Javascript填充隐藏字段

时间:2016-12-02 22:34:37

标签: javascript submit

我有一个Google地理编码表单,一旦用户按下回车键,就会填充一个主要隐藏的表单 - 分成街道地址,城镇和邮政编码,但有一个可见的提交按钮(当地址有效时)。

在英国,一旦找到邮政编码,就会找到有效的地址。

因此,要确认该地址是真实的,一旦填充了隐藏的邮政编码字段,我希望只显示提交按钮。

我希望在HTML页面上使用标准的Javascript来完成这项工作。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

将“更改”事件侦听器添加到zipcode字段

document.getElementById("zip").addEventListener("change", function() {
    if (this.value != null && this.value != "") {
    	document.getElementById("test").style.display = "block";
    }
});
#test {
  display: none;
}
<input type="text" id="zip"/>
<button id="test">
test
</button>