angular.js - ng-pattern 验证问题

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/" (記述した正規表現) をインターフェイスに直接書いてみます。