html - 单击按钮时需要 HTML 文本框

Question

<b>Gebruikersnaam:</b><br>
<input id="textbox" type="text" value="" size="25" required>
<a id="googleLink" href="##klik nu om member te kopen##" 
 onclick="this.href='https://websitelink.com?naam=' + encodeURIComponent(document.getElementById('textbox').value);">
  <button>Koop: MEMBER</button>
</a>

我想：<input id="textbox" type="text" value="" size="25" required>

当我点击时需要： <button>Koop: MEMBER</button>

比如：如果<input id="textbox" type="text" value="" size="25" required>值=“”

它显示一个警报，如：“未输入用户名”

固定，Thx Lepanto

Answer 1

您需要先清理代码。不知道你为什么使用<a>. 无论如何使用onblur()验证会很好

HTML 代码：

<input id="textbox" type="text" value="" size="25" required onblur="validateTextBox()">

JavaScript：

function validateTextBox() {
    if (document.getElementById("textbox").value != "") {} else {
        alert("Please enter a value");
    }
}

在JSFiddle中检查一下。

Answer 2

当然，requiredHTML 标签中没有属性之类的东西textarea。

您必须使用 Javascript 创建自己的验证方法。其中之一是验证插件（需要 jQuery）。

Answer 3

您必须编写一个 JavaScript 函数来验证文本框。像下面的东西

<script>
function doclick(){
    if(document.getElementById('textbox').value != ''){
        this.href='https://websitelink.com?naam=' + encodeURIComponent(document.getElementById('textbox').value);
    }
    else{
        alert('No username entered');
    }
}
</script>

并在您的 HTML 标记 onclick 中调用此函数

<b>Gebruikersnaam:</b><br>
<input id="textbox" type="text" value="" size="25" required>
<a id="googleLink" href="##klik nu om member te kopen##" onclick="doclick()">
<button>Koop: MEMBER</button>
</a>