AngularJSでinput要素にrequiredを設定していると半角スペースを入れてもエラーになる件


AngularJSでinput要素にrequiredを設定していると半角スペースを入れてもエラーになる件 | Bamboo lath 日々の記録AngularJSでinput要素にrequiredを設定していると半角スペースを入れてもエラーになる。

半角スペースでも入っていたらエラーを出したくない。

調べてみるとこれはどうもng-modelの仕業のようです。

ng-modelはデフォルトでtrimを行うらしく、この動作のせいで
半角スペースを入れただけではエラーになってしまうみたい。

普段の挙動はこれでいいんだろけど、今回は半角スペース入れる
だけでもvalidationを通してしまいたかったので勝手にtrimしない
ように「ng-trim=”false”」を指定。

↓これを・・・

<input ng-model="name" type="text" required />

↓こうしました。

<input ng-model="name" ng-trim="false" type="text" required />

参考サイト
AngularJS ng-required allowing only whitespace

コメントを残す

メールアドレスが公開されることはありません。