0

宿題をしようとしましたが、領域があるとすれば JS ではありません。適切な検索を行うためのキーワードがありません。私が知っているのは、マスキング/オーバーレイが含まれる可能性があるということだけです。

ユーザーが入力したテキストのパターンを検索するクライアント側コードを含む入力要素が必要です。電話番号のパターンを他のテキストとインラインで入力する場合、まず、そのパターンにスタイルを設定する必要があります。

最終的には、AJAX を使用して何か便利なことを行う方法を見つけたいと思います。

PS。テキストボックスエントリのクライアント側をフォーマットする方法の複製ではありません

4

2 に答える 2

0

スタイリングには、javascript リッチ テキスト エディターか、少なくともこのようなものを検討する必要があります。以下は、プレーン テキストエリアで電話番号パターンをリッスンする簡単で汚い例です。

function interpretKeys(e) { 
  var text = e.target.value,
      matched = text.match(/(\d|-){7,15}/g);

  if (matched) alert(matched);
}

textPlace.addEventListener('keypress', interpretKeys, false);
于 2011-11-04T01:51:14.227 に答える
0

入力を読み取るためのキープレスのイベント、パターンが一致するかどうかを確認するための正規表現、および入力のスタイルを変更するメソッドの 3 つが必要です。

$('div').delegate('input.phonenr', 'keyup', function () {
    var phonePattern = /^((00|\+)[0-9]{2})[0-9]\d{9}$/;
    var phoneNumber = this.value.replace(/\s|\-/g,'');
    if ( phonePattern.test(phoneNumber) ) $(this).css('color', 'green');
    else $(this).css('color', 'red');
    // test with 0041 798 12 21 123
});

またはこのフィドルをテストします。最後に、ジェームスに大きなアップがあります。彼がいなければ、これはすべて不可能だったでしょう。電話のパターンと正規表現に関する彼の素晴らしい投稿をチェックしてください。

テキストで「sometext phoneNumber somemoretext」のようなものを強調表示したい場合(入力ボックスではなく)、この投稿と全体的なコメントをチェックしてください。

注: 私は .css() メソッドよりも .addClass() および .removeClass() メソッドを好みます (私のフィドルのように)。

于 2011-11-04T01:45:52.480 に答える