使用ng-required与AngularJS中的模型值

时间:2015-07-30 10:14:42

标签: javascript angularjs

我试图验证我的表单。在一个领域,我必须验证它null&它的价值。我怎么能这样做?

顺便说一下,我没有在控制器上为此写一个函数。

<form name="frm">
<input type="text" ng-model="myModel" ng-required="myModel != '' || myModel != undefined || myModel != 'xxx'" />
<button ng-disabled="frm.$invalid" >Send</button>

1 个答案:

答案 0 :(得分:1)

您不能仅使用ng-required来执行此操作,因为它会检查是否输入了值。在您的情况下,您可以使用ng-required来涵盖此声明:myModel != '' || myModel != undefined。如果您想检查myModel值不是'xxx',您应该使用ng-pattern指令。适合您案例的正则表达式应为:/^(xxx.+|(?!xxx).*)$/

<form name="frm">
   <input type="text" ng-model="myModel" ng-pattern="/^(xxx.+|(?!xxx).*)$/" ng-required="" />
   <button ng-disabled="frm.$invalid" >Send</button>
</form>

Check documentation about directives components for input