Question

在Angularjs 1中，有很多关于提交OR对用户输入的验证的例子。在这个项目中，我需要仅在用户点击提交按钮上更新验证消息，即用户输入不会更新验证消息（客户规范）。

示例：http://embed.plnkr.co/N0rRBS8AXU3jQJjQidIT/

Answer 1

似乎你只需要在控制器上进行验证，所以要关闭html验证，你需要在你的html中使用novalidate：

<form name="yourForm" ng-controller="YourController as yourCtrl" ng-submit="yourCtrl.yourmethod(data)" novalidate>

然后您继续在控制器中进行验证

Answer 2

这是我的选择：

(function(){
   'use strict';
  var app = angular.module('sample', []);
  
    
})();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="sample">
   
   <form name="userRegister"  novalidation>
       
       <div ng-messages="userRegister.name.$error.required"
            ng-if="submitted ">
          <p ng-message="required">I need your name Sr</p>     
       </div>
     
       <input type="text" ng-required name="name" ng-model="user.name">
     
     
    <input value="Send" type="submit" ng-click="submitted=true"/>
  </form>
  
</div>

Angularjs 1 - 仅在提交点击按钮上显示/更新验证消息（不会更改用户输入）

2 个答案: