問題タブ [angularjs-validation]

次のようなangularjsのメールフィールドを検証しようとしています:

すべて期待どおりに機能しますが、ユーザーが「.」を入力すると「有効な電子メールが必要です」というエラー メッセージが表示されるため、ユーザー エクスペリエンスが低下します。ユーザーが入力を続けると非表示になります。メール@メールだから。は無効ですが、email@email.com は有効です。

問題は、ユーザーが入力を完了する前に検証が行われるのが速すぎることです。

$touched フラグを使用してこれを解決しようとしましたが、ユーザーが最初に電子メールを入力したときにのみ解決されます。メールを修正するために戻ったときに、「.」を入力するとエラー メッセージが点滅することになります。またはドメイン名の「-」。

誰かがこれを何とか解決しましたか？

Angular はng-invalid、無効な場合は電子メール入力フィールドに自動的にクラスを追加します。一致しない場合はクラスng-invalidを追加し、一致する場合は削除する方法はありますか。input#confirmEmailinput#email

基本的に、不一致の場合にメッセージを表示する必要はありませんng-invalid。クラスを通じて入力フィールドを強調表示し、それに基づいてフォームを検証したいだけです。

コンマで区切られた 4 種類の個人情報を入力するテキスト領域フィールドがあります。正規表現を使用して、これら 4 つの値をそれぞれ検証する必要があります。これは私のアプローチですが、検証を行うための角度のある方法ではありません。

このアプローチでは、一度に 1 つの詳細のみを検証できます。しかし、理想的には、角度のある方法の多くで動的に検証する必要があります。あなたのアイデアを提案してください。ありがとう

入力検証の正しいパターンを理解できないようです。小文字または数字で始まり、小文字または数字で終わり、小文字、ドット、またはダッシュのみを含む文字列を許可しようとしています。私はこれまでこれを持っていますが、うまくいき ng-pattern="/^[a-z\d][a-z\d-.]*[a-z\d]$"ません。

http://plnkr.co/edit/9Yq6aZHtKCuZMtPbjBIN?p=preview

私はこれを機能させようと試みましたが、運がありませんでした。angularJS と組み込みの検証機能を使用して送信ボタンを無効にしようとしています。私が見つけたのは、フォームを最初にロードしたときに、送信ボタンがアクティブであり、無効になっていないことです!

テストして試してみたところ、入力が必要であるにもかかわらず、検証コードがチーム名に空の文字列/null 文字列を受け入れることがわかりました。

これを正しくフォーマットする方法を知っている人はいますか？私がそれを機能させる唯一の方法は、空の文字列を単一のスペースに置き換えてデータをごまかすことです...本番環境ではこれは受け入れられません...

index.html は次のとおりです。

app.js は次のとおりです。

タイトルのように..そのような操作が起こらないようにするにはどうすればよいですか? ここに公式サイトへのリンクがあります。例を参照してください。変数user.nameは最初の入力にバインドされuserName、入力が空の場合、オブジェクトuser.nameは削除されます。angularjsのこの機能を無効にするにはどうすればよいですか?