入力された文字をチェックしたい

実習の課題で、会員登録画面のようなものを作ろうとしています。
あらかじめ仕様が決められていて登録ボタンを押した時、フォームに入力されたものをチェックしてエラーダイアログを表示させるようになっているのですが、そのうちの一つができません。
仕様は
・入力文字が全角の場合10文字以内、半角の場合は30文字以内
・全角と半角が混じるのは許さない
となっています。
色々と調べた結果、1つ目はテキストボックスのmaxlengthを30にして、更に全角が入力された場合にチェックすることで解決したのですが、2つ目の解決法が全く浮かばず困っています。
チェックする部分のコードは以下の通りです

JavaScript
1function check() {
2			var flag = 0;
3			var message = "";
4			var hantei = 0;
5			var simei = document.toroku.SIMEI.value;
6			if (simei == "") {
7				flag = 1;
8				message += "氏名が未入力です\n";
9			}
10			for (var i = 0; i < simei.length; i++) {
11				// 1文字ずつ文字コードをエスケープし、その長さが4文字以上なら全角
12				var len = escape(simei.charAt(i)).length;
13				if (len >= 4) {
14					//全角の場合
15					if (simei.length > 10) {
16						hantei = 1;
17					}
18				}
19			}
20			if (hantei == 1) {
21				flag = 1;
22				message += "氏名は全角の場合15文字以内で入力してください\n";
23				hantei = 0;
24			}
25			if (flag) {
26				window.alert(message);
27				return false;
28			} else {
29				return true;
30			}
31		}

コピペと改変を繰り返しているので見づらかったらごめんなさい。あと変数のネーミングの酷さは自覚しています。
よろしければアドバイス等お願いします。

行動規範の内容に同意します

回答2件

ベストアンサー

元のプログラムをなるべく壊さないように回答します。

・全角と半角が混じるのは許さない

これを実現するために、まずは全角と半角がそれぞれ文字列の中に含まれるかを保持するフラグを取り入れましょう。

Javascript
1var flag = 0;
2var message = "";
3var hantei = 0;
4var simei = document.toroku.SIMEI.value;
5var halfFlag = 0; //これを追加。半角文字がある場合1になる。
6var fullFlag = 0; //これを追加。全角文字がある場合1になる。

次に、文字がもし半角ならhalfFlagを1,全角ならfullFlagを1にするようなロジックを追加しましょう。

Javascript
1if (len >= 4) {
2    //全角の場合
3    if (simei.length > 10) {
4        hantei = 1;
5    }
6    //ここら辺にフラグを立てる処理を追加
7} else {
8    //半角の場合
9    //ここら辺にフラグを立てる処理を追加
10}

あえて穴埋めにしときます。

最後に、半角全角両方含まれている、すなわちhalfFlagとfullFlagが両方1の時に処理をするように変更しましょう。

Javascript
1if (穴埋め) {
2    //全角と半角が混じるのは許さない時にやりたい処理を書く
3}
4//ここから下は元のソースのまま
5if (flag) {
6    window.alert(message);
7    return false;
8} else {
9    return true;
10}
11