Champ de saisie automatique complet obligatoire sous la forme

Question

J'ai un champ et je veux le rendre obligatoire sur le formulaire.

Voici le code:

<div class="form-group"> 
    <form name="addressform"> 
     <span><small><strong> choose Location : </small></strong></span> 

     <div> 
      <input type="text" name="address" id="LocationAutocomplete" class="form-control" ng-autocomplete="result1" ng-model="addressTemp" required/> 
</form> 
      <div ng-show="showMap"> 
       <div id="location_map_canvas" style="width:100%;height:200px"> </div> 
      </div> 
     </div> 
    </div> 
    <div class="form-group"> 
        <input type="submit" ng-submit value="create" ng-disabled="frm.$invalid" class="btn btn-primary btn-block" ng-click="createt()"> 
        </div> 

Answer 1

Essayez cette démo de travail:

var myApp = angular.module('myApp',[]); 
 

 
myApp.controller('MyCtrl', function($scope) { 
 
    $scope.create = function() { 
 
     console.log("submitting.."); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
    <form name="addressform" ng-submit="addressform.$valid && create()" novalidate> 
 
     <span ng-show="submitted == true && addressform.address.$error.required">Required field.</span> 
 
     <div class="form-group"> 
 
      <input type="text" name="address" id="LocationAutocomplete" class="form-control" ng-autocomplete="result1" ng-model="addressTemp" required/> 
 
     </div> 
 
    <div class="form-group"> 
 
     <input type="submit" value="create" class="btn btn-primary btn-block" ng-click="submitted = true"> 
 
    </div> 
 
</form> 
 
</div>

Answer 2

<input name="movie" type="text" required />

Voici comment vous feriez un champ de saisie de texte nécessaire.

Answer 3

Jetez un oeil à ngRequired

<input type="text" id="LocationAutocomplete" class="form-control" ng-autocomplete="result1" ng-model="addressTemp" ng-required="required"/> 

Answer 4

Utilisation ng-required="true" comme suit:

<input type="text" id="LocationAutocomplete" class="form-control" ng-autocomplete="result1" ng-model="addressTemp" ng-required="true" name="input"/> 

<input type="submit" ng-disabled="myform.input.$error.required">Submit</input> 

Answer 5

utilisation AngularJS validation du formulaire https://docs.angularjs.org/guide/forms-https://docs.angularjs.org/api/ng/type/form.FormController avec ng-message et (https://docs.angularjs.org/api/ngMessages/directive/ngMessages)

si vous vouloir dans submit (ng-submit = "checkAndSave") .. ne dans le contrôleur ..

$scope.checkAndSave = function(){ 

// validations code if ok do save else throw whatever you want 
} 

Answer 6

Ajouter la balise form, et le nom du formulaire et toutes vos entrées

<form name="form" ng-submit="submitform()"> 
    <input name="addres" type="text" id="LocationAutocomplete" class="form-control" ng-model="addressTemp" required/> 

    <button type="submit" ng-disabled="form.$invalid"> Submit </button> 
</form> 

Avec cela, vous aurez le bouton Soumettre désactivé si l'entrée est non valide. car il a l'attribut requis, si l'entrée est vide, il apparaîtra comme invalide.

Trouver cet échantillon de travail: https://plnkr.co/edit/F0Id7HDm9pkrCTTG42U5?p=preview