angularjs - ng-click 触发表单验证

标签 angularjs

我创建了一个Plunker显示一个带有必填电子邮件字段的简单表单。当用户输入电子邮件时验证起作用,但是有没有办法在单击按钮时触发验证。我不想根据表单有效性禁用该按钮。

最佳答案

现在,您将 ng-show 绑定(bind)到每当用户键入时就会更改的数据。相反,将其绑定(bind)到单击按钮时更改的数据。这是我的看法:

$scope.update = function(user) {
    $scope.isEmptyEmail = $scope.form.uEmail.$error.required;
    $scope.isInvalidEmail = $scope.form.uEmail.$error.email;
};

然后将您的数据绑定(bind)到这些新值。

  <span ng-show="isEmptyEmail">Tell us your email.</span>
  <span ng-show="isInvalidEmail">This is not a valid email.</span>

关于angularjs - ng-click 触发表单验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17817268/

相关文章:

javascript - Angular SVG 操作在 IE10 中不起作用

javascript - Angular 创建 "third party module"、处理数据或获取数据?

javascript - 使用 Angular 进行延迟搜索

javascript - AngularJS 1.6 中的方法多态/继承

AngularJS AppCtrl 等待 HTTP 事件成功

javascript - AngularJS 排列一组指令

javascript - 如何在 Angular 2 中对指令进行单元测试?

javascript - Angular 1.5,从 ng-repeat 外部调用组件函数?

javascript - 使用 Angular 简单上一个\下一个 slider

javascript - NG-model 值未从指令元素中定义