上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[JavaScript] フォーカスアウト時に文字列長チェック

テキストボックスに入力できる条件を以下のようにして、
フォーカスアウトのタイミングで入力チェックの処理を作成した。

【条件】
・入力できる文字数は最大4文字
・入力できるバイト数は最大4バイト

⇒なので、全角文字は4文字(8バイト)入力可能だが、
2文字(4バイト)までしか有効ではない。


<html>
<head>
<title>フォーカスアウトで入力チェック</title>
<script type="text/javascript">
function checkInputData() {

var val = document.getElementsByName("hogehoge")[0];
var max = 4;

// 空の場合はチェックしない
if(val.value == "" || val.value.length == 0) {
alert("入力チェックOK。");
return;
}

var i;
var size = 0;

for(i = 0; i < val.value.length; i++) {
var c = val.value.charCodeAt(i);
if(c > 127) {
size++;
}
size++;
}

if(size > max) {
alert("文字列長がオーバーしています。");
return;
}
alert("入力チェックOK。");
return;
}
</script>
</head>
<body>
名前:
<input type="text" name="hogehoge" maxlength=4 value="" onblur="checkInputData()">
<br>
※フォーカスアウトで入力チェック。
</body>
</html>

コメントの投稿

非公開コメント

プロフィール

hiiro

Author:hiiro

最新記事
カテゴリ
月別アーカイブ
最新コメント
最新トラックバック
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
Counter
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。