angular.js - ngパターン検証の問題

Question

$scope.regex = /^1[34578]d{9}$/;

1. 携帯電話番号は認証されています
2. 今追加するときに認証されます
3. 編集時に以前の携帯電話番号が間違って入力されている場合は、認証されません。保存時に問題が発生します。
保存時の判定はこうなります

Answer 1

イベントをご希望の場合は、フォーム送信時に確認してくださいinput输入的时候验证 + form提交的时候验证：
第一步：给要验证的 input 添加 onkeyup 事件，在键盘松开的时候触发验证
第二步：给 form 添加 onsubmit

これが例です:

HTML： リーリー

Javascript リーリー

Answer 2

次のように変更できます:

リーリー

実際、変更がない場合には提出を許可しないのが合理的です$scope.userform.$dirty。

========更新========

フォームの書き方に大きな問題があります。

angular には html5 属性の検証モデルが付属しています

Angular フォーム自体には、次のようなほとんどの HTML5 フォーム要素の検証が含まれています。有効にするには、from に ng-submit="adduserinfo()"，既然有验证模型，那就去掉浏览器自身的验证，再加上 novalidate を追加します。

フォームには送信アクションが追加されるため、「OK」ボタンにはイベントに関連するものは何も必要ありません。

リーリー

実際、Angular 独自の検証モデルは依然として非常に豊富で、特に正規表現に関しては、できることがたくさんあります。

Answer 3

変数定義を使用しないで、ng-pattern="/^1/" (記述した正規表現) をインターフェイスに直接書いてみます。