-2 
<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

4

3 回答 3

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中检查一下。

于 2013-06-15T11:43:10.547 回答
0

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

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

于 2013-06-15T11:33:12.350 回答
0

您必须编写一个 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>
于 2013-06-15T12:04:50.653 回答