0

JavaScript(JQuery)で、INPUT TYPE=TEXTの枠内に、タブコードか改行コードが検出されたら
エラーを検知するfunctionを作ろうとしています。

====質問====

試しに以下のようにfunctuionを作ってみましたが、何の文字でもエラー検知される状況です。
大変あつかましいのですが、正しく検知する為のコードをご教示頂けませんでしょうか?

//備考チェック
$("input[name=bikou]").on("blur",function() {
    if (chkTabCr($(this))) {
        alert("タブか改行コードが発見された!");
    } else {
    };
});
//補足チェック
$("input[name=hosoku]").on("blur",function() {
    if (chkTabCr($(this))) {
        alert("タブか改行コードが発見された!");
    } else {
    };
});


//【タブコードと改行コードの検知】
function chkTabCr ($obj) {
    var r = true;
    var val = $obj.val();
    if(val == "") {
        r = false;
    } else {
        var len = 0;
        var c ="";
        for (i = 0; i < val.length; i++) {
            c = escape(val.charAt(i));
            if(c == "%09" || c == "") { // ***問題のところ***
                r = true;
            }
        }
    }   
    return r;
}

1 件の回答 1

2

一番の問題点は、あなたのchkTabCr関数の中のこの行です。

var r = true;

戻り値として使われているローカル変数rの初期値としてtrueを設定していますから、以後のコードでrの値をfalseに変更するようなコードが実行されない限り、この関数はtrueを返します。


他にもタブコードを検出するにのescapeなんて面倒なことをしていたり、コメントや質問文中では「改行コード」も検出すると書いてあるのにそのためのコードがない(""との比較は改行コードとは全然関係ないですね)とかを修正して、あなたの元のコードに近い構成にすると、こんな感じになります。
(type="text"inputに改行コードが含まれることがあるのかとか、blurイベントがこの手のチェックに適しているかとかはここでは無視します。)

function chkTabCr($obj) {
  var r = false; //<-初期値はfalse, タブコードか改行コードを見つけたらtrueにする
  var val = $obj.val();
  if( val != '' ) {
    for( var i = 0; i < val.length; ++i ) {
      var c = val.charCodeAt(i);  //1文字文字列ではなく、文字コードを取得する
      if( c === 9 || c === 13 || c === 10 ) { //<-タブ(9)、CR(13)、LF(10)
          r = true;
      }
    }
  }
  return r;
}

ちなみに1文字文字列としてタブコードなどと比較するならこんな書き方になります。

  var c = val.charAt(i);  //1文字文字列
  if( c === "\t" || c === "\r" || c === "\n" ) { //<-タブ("\t")、CR("\r")、LF("\n")
      r = true;
  }

正規表現に慣れている人なら、この方がはるかに見やすいかもしれません。

function chkTabCr($obj) {
  var val = $obj.val();
  return /[\t\r\n]/.test(val);
}
1
  • OOPer様 ご支援ありがとうございました。初歩的なミスをしていたことに気がつきませんでした。また文字の検出方法も全く分からなかったものでインタネット上の記事を参考に挑戦してみたものの、挫折して問い合わせてしまいました、ご容赦ください。
    – saya24
    Commented 2017年11月19日 10:27

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。