检查是否填写了必填字段[重复]

Question

我有问题。我想运行一个函数，但只有在我 100% 确定必填字段已填满时才能运行它。

即使未填写必填字段，ATM 也会执行该功能。

<input id="ticket-title" uib-tooltip="Insert a title for the ticket" 
       class="ticket-title" name="title" type="text"
       placeholder="Write a title for the ticket" ng-model="vm.ticket.TITLE" required>
<button type="submit" class="btn btn-default p1" ng-click="vm.createTicket()">
    Submit <i class="glyphicon glyphicon-ok"></i>
</button>

控制器

vm.createTicket = function () {
    // I need a way to check if the form/fields are filled.
};

Answer 1

  <input id="ticket-title" uib-tooltip="Insert a title for the ticket" 
   class="ticket-title" name="title" type="text"
   placeholder="Write a title for the ticket" ng-model="vm.ticket.TITLE" 
   required>
   <button type="submit" class="btn btn-default p1" 
    ng-disabled="vm.disableTicket()" ng-click="vm.createTicket()">
   Submit <i class="glyphicon glyphicon-ok"></i>
   </button>


  Controller :
 vm.disableTicket = function() {
   return !vm.ticket.TITLE;
 }

Answer 2

为您的输入提供如下模型：

<input id="ticket-title" ng-model="ticket" placeholder="Insert ticket title"/>

在你的 JS 中这样做：

if ($scope.ticket!= null && $scope.ticket!= "") {
    //do something
}