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>

喜欢：if <input id="textbox" type="text" value="" size="25" required> value =“”

它显示如下警告：“没有输入用户名”

修正了，Thx Lepanto

Answer 1

您需要先清理代码。不确定为什么要使用<a>。无论如何，使用onblur()

进行验证会非常好

HTML code：

<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

当然，HTML标记required中没有textarea属性。

您必须使用Javascript创建自己的验证方法。其中一个是Validation plugin（需要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标签中点击此功能

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

单击按钮时需要HTML文本框

3 个答案: