Question

我的页面上有一个文本框和一个按钮以及其他控件。我需要的是使文本框成为必填字段，当单击按钮时，我希望它只在填写文本框时继续，我希望用户收到错误消息。我正在通过角度文档，但我已经没时间了，需要快速修复。到目前为止，我已尝试ng-required

<input type="text" name="title" ng-model="title" ng-required="!title" />
<input type="button" value="Submit" ng-click="ProcessData(title)" />

Answer 1

希望这个例子给你一个想法，这很简单有很多方法可以进行表单验证，在这种情况下，我使用表单$error.required来查明表单是否有效

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

<script data-require="angularjs@1.5.8" data-semver="1.5.8" src="https://opensource.keycdn.com/angularjs/1.5.8/angular.min.js"></script>


<form name="myForm"  ng-app="app" ng-controller="MainCtrl">
<input type="text" name="title" ng-model="title" ng-required="true" />
  <span class="error" ng-show="myForm.title.$error.required">Required!</span><br>
<input type="button" ng-disabled="myForm.title.$error.required" value="Submit" ng-click="ProcessData(title)" />
  
  </form>

如何使文本框成为Angular中的必填字段

1 个答案: