JavaScriptでフォームのコントロールをする
というお題で何かやってみたいと思います。
書きながら考えるので支離滅裂な部分があるかもしれませんが・・・・。
まずは、文字入力チェックのための下準備。
フォームで入力した値の文字アドレスを取得する技です。
このウェブ制作.netでもシステムを作る機会が利用します。（そのときは、どこで使ったかを書きますね。）
、、、というか、たぶん近いうち（1ヶ月くらい？ ＞＜；）のうちにコメント入力フォームをチャンと作りなおすので、そのときに入れようかな・・と思っています（＾－＾
↓参考にしてみてください。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>文字アドレスチェッカー</title>
<script language="javascript" type="text/javascript">
<!--
function val_check(stname){
document.form1.outtext.value = '';
st_val = document.form1.intext.value;
for (iCount=0 ; iCount<st_val.length ; iCount++){
iCode = st_val.charCodeAt(iCount);
iCodeTag = '&#' + iCode + ';';
document.form1.outtext.value = document.form1.outtext.value + iCodeTag;
}
}
//-->
</script>
</head>
<body>
<div title="説明" align="left" style="margin:0 0 0 20px;">
<p>「入力」の中に文字を入れて、「チェック」をクリックすると、 「
&#12354;」みたいにな感じで「出力」の枠にコードが出てきます。<br />
この変な呪文みたいなヤツはJavaScriptで入力された文字のチェックをするときなんかに利用出来ます。<br />
<br />
<br />
また、機種依存文字なんかもこれで出てきたコードを入れれば大体OKだったりします。</p>
</div>
<form name="form1" method="post" onsubmit="return false;" action="">
入力<input type="text" name="intext" value="" /><br />
出力<input type="text" name="outtext" value="" /><br />
<a href="javascript:val_check('intext');">チェック</a>
</form>
<div style="float:left; margin:9px 0 0 0 ;">
<address><a href="http://www.xn--gckc5l536jj8c.net/" target="_blank" title="ウェブ制作.net">©ウェブ制作.net</a></address>
</div>
<div style="float:right;">
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</div>
</body>
</html>
