提交时出错信息

Question

我想在点击提交按钮时显示所需的文字。

问题是我没有使用表格。

当输入字段提交为空时，如何显示*必填文本。

Answer 1

您可以将ng-form属性分配给父容器（div或section或任何其他标记）

例如

var app = angular.module('myApp', []);
app.controller('validateCtrl', function($scope) {
    $scope.user = '';
});

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>  
<div  ng-app="myApp" ng-controller="validateCtrl" ng-form="form1">
  <p>Username:<br>
  <input type="text" name="user" ng-model="user" required>
  <span style="color:red" ng-show="submitted && form1.user.$invalid">
    <span ng-show="form1.user.$error.required">Username is required.</span>
  </span>
  </p>

  <p>
    <input type="submit" ng-click="submitted=true">
  </p>
</div>