使用按钮时select中的AngularJS验证问题，但使用跨度时没有

AngularJS validation issue in select when using a button, but not when using a span

本文关键字：验证 按钮 select 中的 AngularJS 问题      更新时间：2023-09-26

在我的代码中选择验证

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

在控制器中我有

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

如果我点击该按钮，那么弹出窗口显示为正常的HTML验证，Angular的验证不起作用。

以下是相同的JSFiddle：http://jsfiddle.net/priya78/nF7eJ/65/

如果我删除按钮并使用

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

那么Angular的验证是有效的。

我想在点击按钮时显示所需的红色文本。

您有几个问题：

  1. 将novalidate添加到<form>标记
  2. 重命名布尔submit属性，因为您已经将此名称分配给函数
  3. 函数必须显式调用（ng-click="click()"）

最终版本：http://jsfiddle.net/nF7eJ/67/

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

<button ng-click="submit()">Apply Now</button>
相关文章：