-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

テキストボックスを検証するには、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 に答える
0

もちろん、requiredHTML タグに属性などというものはありませんtextarea。

Javascript を使用して独自の検証メソッドを作成する必要があります。それらの 1 つは検証プラグイン(jQuery が必要) です。

于 2013-06-15T11:33:12.350 に答える