Jak zastosować sprawdzanie poprawności w kanciastym js bez znacznika formularza?

Mam div, w którym nie używam znacznika formularza i przesłać formularz na ng-kliknij przycisk, ale jak mogę zastosować sprawdzanie poprawności danego pliku w angulrjs.Jak zastosować sprawdzanie poprawności w kanciastym js bez znacznika formularza?

<div ng-controller="AddNewvisaController"> 
<input type="text" class="form-control" ng-model="visa.requirement"> 
<select ng-model="visa.country"> 
    <option value="1">abc<option> 
    <option value="2">xyz<option> 
    <option value="3">pqrs<option> 
</select> 
<button type="submit" data-ng-click="submitvisa()">Submit</button> 
</div>

Źródło

2014-11-17 Sushil Mishra

Możesz użyć dyrektywy "ng-form", jeśli naprawdę nie chcesz dodawać tagu formularza.

<body ng-controller="MainCtrl"> 
    <div ng-form="myForm"> 
    <input type="text" required ng-model="user.name" placeholder="Username"> 
    <button ng-click="doSomething()" ng-disabled="myForm.$invalid">DO</button> 
    </div> 
</body>

example

Źródło

2014-11-17 11:17:26 yairhaimo

to nie working.please dać mi inne rozwiązanie. –

Czy sprawdziłeś przykładowy link? czy to nie działa? – yairhaimo

Himn próbował adresu URL, ale nie działa, gdy zmodyfikowałem go poniższym kodem –

Można spróbować czegoś poniżej,

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

 
myValidationModule.controller('AddNewvisaController', function($scope) { 
 
    $scope.visa = {requirement : "", country : "pqrs"} 
 
    
 
    //initilize to false - it will make sure the disable the submit button 
 
    $scope.enableSubmitButton = false; 
 
    
 
    //Do the watch collection - whenever something changed, this will trigger and then do the validation as per the needs - here i validated as not empty - you can do whatever you wish and if everything is fine, then enable the button 
 
    $scope.$watchCollection(['requirement, country'], function(valueArray) { 
 
    if(valueArray[0] != "" && valueArray[1] != "") { 
 
    $scope.enableSubmitButton = true; 
 
    } else { 
 
     $scope.enableSubmitButton = false; 
 
    } 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myApp"> 
 
    <div ng-controller="AddNewvisaController"> 
 
    <input type="text" class="form-control" ng-model="visa.requirement"> 
 
    <select ng-model="visa.country"> 
 
     <option value="1">abc<option> 
 
     <option value="2">xyz<option> 
 
     <option value="3">pqrs<option> 
 
    </select> 
 
    <button type="submit" data-ng-click="submitvisa()" ng-disable="!enableSubmitButton">Submit</button> <!-- introduce the disable directive to make is disable by default and this will acitve if all the required filed had met their validation 
 
    </div> 
 
</div>

Źródło

2015-05-06 09:25:04

Jak zastosować sprawdzanie poprawności w kanciastym js bez znacznika formularza?

Odpowiedz

Powiązane problemy