验证在引导 html 中不起作用

Question

我通过将 required 提供给它来验证测试字段

<div class="form-group">
  <label for="inputEmail" class="col-lg-4 col-lg-offset-1  control-label">Email address</label>
  <div class="col-lg-4">
    <input class="form-control" ng-model="$root.customerDetails.eMail" placeholder="Enter customer email" type="email" required focus value = "{{emailId}}">
  </div>
</div>

然后我点击提交按钮，但验证不起作用。我可以在没有电子邮件的情况下进入下一页。

有没有其他方法可以进行验证。

谁能帮帮我 谢谢

应该是这样的：

Answer 1

验证不会自动停止提交。在提交功能中，您需要检查论坛是否有效。

像这样：

angular.module('app', []).
controller('ctrl', function($scope) {
  $scope.submit = function() {
    console.log('submitted');  
  }
});

.validation {
  font-size: 80%;
  color: red;
}

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>

<div ng-app="app" ng-controller="ctrl">
  <form name="myForm">
    <input type="text" name="txt" ng-model="txt" required /><br />
    <!--<div class="validation" ng-show="myForm.$submitted && myForm.txt.$invalid">Please fill out the field</div>-->
    <button ng-click="myForm.$valid && submit()">Submit</button><br />
    Form is valid: {{myForm.$valid}}
  </form>
</div>