問題タブ [ng-pattern]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
2844 参照

regex - angular jsですべての単語の最初の文字が大文字であることを検証する正規表現

angularjsを使用しています。名前フィールドにバリデーションを使用したい。私は正規表現の初心者です。すべての単語の最初の文字を大文字にする必要があります。たとえば、Naveen Kumar は有効で、Naveen kumar は無効です。

名前フィールドを検証するために ng-pattern を使用しています。どの正規表現を使用すればよいですか? あなたの助けに感謝。

0 投票する
1 に答える
2210 参照

regex - Angular 動的 ngPattern

動的 ngPattern を実装しようとしています。

ユーザーがボタンをクリックするか、ドロップダウンから値を選択すると、私の正規表現が変わります。

しかし、何らかの理由でこれはうまくいかないようです。以下はコードです。

しかし、私がこのようなことを試みると、うまくいきます。

new RegExp() の使用が機能しない理由がわかりません。new RegExp() を使用しなければならなかった理由は、これを JSON 応答で文字列として取得するためです。

0 投票する
1 に答える
4876 参照

regex - 1つのドットを許可するAngular ng-pattern

Angularを使用してテキスト入力、数字、および1つのドットを許可するには?

私はこれをhtmlに持っています:

しかし、私は1つのドットだけを許可したい.

何か案が?

0 投票する
2 に答える
7899 参照

angularjs - AngularJS動的ngパターンが機能しない

ng-patter によるフォームの検証に問題があります。ng-pattern の検証は、別のドロップダウン メニューに依存します。ドロップダウン メニューには、A と B の 2 つの値があります。値ごとに、検証するパターンが異なります。今、私が直面している問題は、値に従ってパターンを呼び出すことができるということですが、パターンに従って正しい情報を入力しても、無効と表示されます。詳細については、以下のコードを参照してください。

HTMLフォーム

ドロップダウンの値を変更すると、パターンが更新されていることがわかりますが、どのような値を挿入しても常に失敗します。考えられる理由と、問題を解決するにはどうすればよいかを確認して提案してください。

0 投票する
1 に答える
1003 参照

angularjs - ngPattern のようなカスタム notPattern ディレクティブですが、RegExp が一致しないかどうかをチェックします

RegExp が一致しない場合、このディレクティブは検証に失敗することを除いて、ngPattern に似たカスタム AngularJS ディレクティブを作成しようとしています。

ngPattern ディレクティブのソースに従って、次のことを思いつきました。

これは、属性内で正規表現ソースを指定すると機能しますが、RegExpngPattern のように、オブジェクトを直接使用できるようにしたいと考えています。

問題は、式が評価されていないことです。

JSFiddle の例を次に示します:
http://jsfiddle.net/8Lk3pqep/1/

この例では、テキスト フィールドに「abc」以外を入力すると、「Invalid per 'pattern'!」と表示されます。「'notpattern' ごとに無効です!」と表示されることを期待していました。「abc」が入力されたときですが、これは「testRegExp」を入力したときにのみ表示されるため、属性値が評価されていないことを示しています。

私は何を間違っていますか?

notPattern は、次のような方法で ngPattern で実現できることを知っています。

..しかし、カスタムディレクティブが式を評価していない理由を知りたいです。

0 投票する
1 に答える
1206 参照

javascript - A-Z0-9 の最大長が 10 であるが、ユーザーがスペースを入力できることを検証します (ただし、スペースは最大でスキップします)。

カスタム ディレクティブを作成せずに、フォーム テキスト フィールドにこの検証を設定する簡単な方法があるかどうか疑問に思っています。

を検証する必要があり{minlength: 2, maxlength: 10}ます。ユーザーは の任意の組み合わせを入力できますが、最小カウントと最大カウントになる[A-Z0-9\s]のは の量だけです。A-Z0-9

これは可能ですか?

私はおそらく ng-pattern を使用していて、いくつかの魔法の正規表現がこれをやってのけることができるかもしれないと考えていました。ng-pattern が一致に失敗した場合にトリガーするエラー メッセージが 1 つだけ必要です。

0 投票する
1 に答える
128 参照

javascript - さまざまな ng-pattern の動作

シナリオ

私はng-pattern、文字列連結を介して正規表現を動的に生成する必要があるプロジェクトで使用していvar regexp = "regexp"ますvar regexp = /regexp/.

問題

私はこのコードが機能することを知っています:

しかし、次のように文字列を使用できるようにする必要があります。

質問

動的に生成された文字列の正規表現を で使用するにはどうすればよいng-patternですか?

プランカー

リテラル正規表現のみが機能する の 3 つの異なる使用法を示すplunkerを用意しました。ng-patternどんな助けにも感謝します。ありがとう!