問題タブ [ng-pattern]

以下のコードが機能していません..

入力値が20:00:00の場合、formName.hhmmss.$error.patternは ですtrue。

削除する場合ui-mask:

入力値が20:00:00の場合、formName.hhmmss.$error.patternは ですfalse。

で正規表現を使用するにはどうすればよいng-patternですか?

以下のテキスト フィールドでは、検証に ng-pattern を使用し、ng-message を使用してメッセージを表示しています。検証は正規表現 (/^\d+$/ または /^[0-9]+$/) の両方で正常に機能しますが、何らかの理由で正規表現 (/^\d+$/) は数値入力に対しても false を返しますテンプレートキャッシングと一緒に使用している間。これら2つのアプローチの間の問題を理解できませんでした。以下の templateCaching 出力を見つけてください。どんな助けでも大歓迎です。

input type="text" ng-model="appId" name="appId" class="new-app" ng-pattern="/^\d+$/" placeholder="アプリケーション ID を入力してください" 必須

メッセージ ：

div ng-message="パターン" クラス="エラーメッセージ"

templateCaching で動作しない:

input type="text" ng-model="appId" name="appId" class="new-app" ng-pattern="/^\d+$/" placeholder="アプリケーション ID を入力してください" 必須

templateCaching と別のビュー ファイルの両方を使用する:

input type="text" ng-model="appId" name="appId" class="new-app" ng-pattern="/^[0-9]+$/" placeholder="アプリケーション ID を入力してください" 必須

$templateCache.put('/views/layouts/test.html', '<input type="text" ng-model="appId" name="appId" class="new-app" ng-pattern="/^ [0-9]+$/" placeholder="アプリケーション ID を入力してください" 必須> <input type="text" ng-model="appId" name="appId" class="new-app" ng-pattern=" /^\d+$/" placeholder="アプリケーション ID を入力してください" 必須>');

float と int のみを許可したい単純なテキスト入力があります (気を付けてください: jade)

ただし、機能しません。いつでも入力に任意の文字を挿入できます(何かを表示するためにさらに何かを行う必要がありますか?たとえば、間違っている場合は赤い境界線を表示しますか?または、それらの文字だけを入力することさえできません?) パターンは正規表現であるため、文字列ではありません。

コントローラーは次のとおりです。

これが生成された HTML です。これが問題でしょうか？生成された HTML には、実際には正規表現ではなく文字列が含まれています!?

次のような角度のあるフォーム入力で使用するためにエスケープする必要がある文字を含む文字列を拒否する正規表現を誰でも推奨できますか...

はい、これがユーザー入力をサニタイズする良い方法ではないことはわかっています。内部では、バックエンドと通信する前に $sanitize を使用し、バックエンドでも完全なサニタイズを行っています。

基本的なリンク検証用の ng-pattern を持つ入力ボックスがあります。私たちの PM は、ユーザーが編集を開始する前に「http://」テキストを既に入力に含めることを望んでいます...しかし、このテキストをそこに置くことはできません。現れない。

参考までに、link_pattern は次のように定義されています。

明確にするために質問を言い換えています（心配しているスタイルではなく、すでに機能しています） 入力フィールドに実際のテキスト（プレースホルダーではなく）「http://」を入力する方法はありますかまだリンクパターンの検証があります

ユーザーが入力ボックスを見たときに、テキスト 'http://' がそこにあるようにしたい (現在は単なるプレースホルダーです) ので、自分で入力する必要はありません。

ng-pattern="/^[a-zA-Z0-9]*$/"入力テキスト ボックスに「-」のみを許可し、@、#、$ などの他の特殊文字の入力を拒否するパターンはありますか?すべての特殊文字がフィールドに入力されるのを拒否するパターンで試しました。

私のテキスト ボックスでは、数字のみが許可され (type=number を使用できます)、8 文字の長さを満たす必要があります。ng-minlength を使用して実行できます。しかし、数字の範囲は 4 桁から始まる可能性があり、長さが 8 文字から短い場合、ユーザーが最初に余分な 0 を書きたくないのです。

たとえば、値が2015の場合、期待される値は00002015テキスト ボックスのようになります。したがって、ユーザーは実際の値を書き込む前に、追加の 4 エクストラ 0 を書き込む必要があります。これはデータ入力の生産的な方法ではありません。

私の質問は、ユーザーが自分の番号を入力した後、テキストボックス/ ng-model 変数の値のプレフィックスに 0 を自動的に設定する方法はありますか? ng-change および ng-blur イベントを使用してプログラムで実行できますが、自動の方法を探しています

こんにちは、すべての値を null にするのではなく、より少ないステップでフォームの値をリセットする方法を教えてください。

アルファベットを許可するパターンがあり、フォームをリセットしようとすると、入力とエラーメッセージの両方が消えてしまいます。$setPristine は、正しいパターンを入力してリセットした場合にのみフォームをクリアしますが、リセット時に 453453 / =-=- のような間違った入力をエラー スタイルと共に削除したいと考えています。

助けてください..

入力フィールドが無効になっているときに角度がパターンを評価するのはなぜですか。入力フィールドが非表示の場合と同じように動作する必要がありますか?

このフィドルを確認してください。 参照用のフィドル

参考までに添付画像

入力フィールドの 1 つを 10 桁にする必要があります。私はng-pattern次の方法で使用しました

問題は、この式ではユーザーが 10 桁を超える数値文字列を入力できるのに対し、正確に 10 桁を許可したいということです。私の正規表現または私の理解に問題はありng-patternますか?