jQueryコード:ユーザ登録時ユーザIDとブログURLの関連性を示すコード例

2010/11/14 01:08 Update
TAGS: jQuery | コード | ユーザ登録 | ブログ | JavaScript
/* HTMLコード */
入力:<input type="text" value="" onkeyup="autoChange();" onmouseup="autoChange()" name="username" id="username">
自動入力:<input type="text" readonly="readonly" value="" class="autoinput" name="url" id="url">(URL:http://xxx.syboos.jp/)

//JavaScript
function changeTitle() {
    $("#url").val("http://" + $("#username").val() + ".syboos.jp/");
}

//CSS
.autoinput {
background:#FFFFFF;
}
ブログなどのWebサイトのユーザ登録で使えるコード例。例えば、ユーザIDにxxxを入力した場合、URLはhttp://xxx.syboos.jpだよ のことをユーザに説明したい場合便利そうなコード。言語はjQuery。

Sponsored Link


有关作者
Syboos.jp編集長AJavaやオープンソース情報の執筆、Webサイトの開発や運営全般の業務に携わる。