angularjs输入值绑定和验证

时间:2015-11-19 08:38:09

标签: javascript angularjs

我为每个输入设置了动态regExp和动态遮罩。例如:regExp为[0-9]{9,9},掩码为XXX-XX-XX-XX。当然,对于角度模式验证,它是不正确的。

有可能,角度某种程度上认为这个值是正确的吗?例如:222-22-22-22

2 个答案:

答案 0 :(得分:0)

如果我理解您的问题,可以使用ui-mask

<input id='ui-mask' name="date" ng-model="date" required autocomplete='off' ui-mask='"99-99-9999"'>

这会将输入屏蔽为给定的数字模式。这是一个jsfiddle sample。希望这会对你有所帮助。

答案 1 :(得分:0)

如果您使用的是HTML5,则可以使用“pattern”属性进行输入,让浏览器完成剩下的工作。显然,使用AngularJS,您可以将此属性设置为动态。看看上面的代码:

<input type="text" pattern="{{mc.pattern}}" ng-model="mc.model">

如果用户输入的文本无效,则输入(和表单)将无效。

如果我能帮助你,请告诉我。

再见