Check if required fields are filled

Question

I have a problem. I want to run a function but it can only be run when I'm 100% sure the required fields are filled.

ATM it just executes the function even tho the required fields are not filled.

<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>

Controller

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

[See if this topic helps you =)](https://pt.stackoverflow.com/questions/215843/valida%C3%A7%C3%A3o-de-campos-preenchidos-de-um-formul%C3%A1rio) — Brenda Xavier, Jul 02 '18 at 13:26
Look into [`Angular Validation`](https://www.w3schools.com/angular/angular_validation.asp) which a good example. — Alex, Jul 02 '18 at 13:28

Zeeshan Adil · Answer 1 · 2018-07-06T09:40:05.687

0

Give your input a model like:

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

and in your JS do this:

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

edited Jul 06 '18 at 09:40

answered Jul 02 '18 at 13:27

Zeeshan Adil

1,937
5
23
42

score 0 · Answer 2 · answered Jul 02 '18 at 13:27

  <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;
 }

Check if required fields are filled

2 Answers2