AngularJS:select中的验证问题

时间:2014-04-28 10:37:16

标签: javascript angularjs html5-validation

在我的代码中进行选择验证

  <span class="error" ng-show="mainForm.businessprocess.$error.required && submit">required</span>

并且在控制器中我有

    $scope.submit=function(){
    $scope.submit=true;
}

如果我点击按钮然后弹出就像正常的html5验证和角度验证不起作用。

这是同样的小提琴。 http://jsfiddle.net/priya78/nF7eJ/65/

如果我删除按钮并使用

   <span class="error" ng-show="mainForm.businessprocess.$error.required ">required</span> then angular's validation is working.

我想在点击按钮时以红色文字显示。

2 个答案:

答案 0 :(得分:2)

你有几个问题:

  1. novalidate添加到<form>代码
  2. 重命名布尔submit属性,因为您已将此名称指定给函数
  3. 必须明确调用函数(ng-click="click()"
  4. 最终版本:http://jsfiddle.net/nF7eJ/67/

答案 1 :(得分:1)

您需要调用函数submit。在您的代码中,您忘记了括号,javascript不会调用该函数,而是将其视为函数指针。更新了code

<button ng-click="submit()">Apply Now</button>