html - 入力テキスト値

Question

これで完了です...ユーザーが入力ボックスに情報を入力するフォームを送信する必要がありますが、値には他のテキストも含まれています。

例：ユーザー-123の値を入力します-www.helloneed 123 help.com submit

URLの123は、ユーザーが入力したものです

これは私が持っているコードです：

<form name="postcode" method="post" action="location.html">
<input type="text" name="post" id="post" required="required"  maxlength="8" />
<input type="submit" name="submit" value="submit" class="submit" />
</form>

何か案は？シェラズ

score 1 · Accepted Answer

jQuery は不要で、そのまま JavaScript を使用できます。

フォーム HTML の直後に次を追加します。

<script>
document.forms.postcode.onsubmit = function(){    
    this.post.value = 'www.helloneed' + this.post.value + 'help.com';
    alert(this.post.value);
}
</script>

フィドル: http://jsfiddle.net/iambriansreed/ZeKUq/

score 0 · Accepted Answer

入力タグに「onclick」イベントを追加し、そこに JavaScript コードを記述します。

<input type="submit" name="submit" value="submit" class="submit" onclick="post.value='www.helloneed' + post.value + 'help.com';" />

score -1 · Accepted Answer

入力ボックスの値にテキストを追加して追加してみてください。

例 onsubmit="$('#post').val('http://www.helloneed' + $('#post').val() + 'help.com');

これはうまくいくかもしれません：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<form name="postcode" method="post" action="location.html" onsubmit="$('#post').val('http://www.helloneed' + $('#post').val() + 'help.com'); return false">
<input type="text" name="post" id="post" required="required"  maxlength="8" />
<input type="submit" name="submit" value="submit" class="submit" />
</form>

(最初のテストの後、return false テキストを削除します)

アンドリュー

score -1 · Accepted Answer

これを HTML で行うことはできません。このような問題はサーバー側で処理する必要があります。

iambriansreed の回答で概説されているように、JavaScript でこれを行うのは簡単ですが、サーバー側で行うのも同様に簡単で、はるかに堅牢です。このような場合、クライアント側でも行う必要さえありません。サーバー側のコードには、何が得られるかを直接知る方法がないため、事態が複雑になるだけです (直接のユーザー入力と、クライアント側の JavaScript が有効になっているときに変更された入力)。

html - 入力テキスト値

4 に答える 4

Related

Reference