проверка нескольких текстовых полей с использованием либо JavaScript, либо угловой 1 - PullRequest
0 голосов
/ 24 мая 2018

У меня есть три текстовых поля и кнопка отправки.Нужно активировать кнопку «Отправить» только в том случае, если в любом из 3 текстовых полей есть текст, или же эту кнопку необходимо отключить.Каким будет код в angular1 или javascript для достижения этой проверки?Ниже мой код

First name:
<br>
<input type="text" id="textsend1" name="firstname1" value="Mickey">
<br>
Last name:<br>
<input type="text" id="textsend2" name="lastname" value="Mouse">
<br>
<br>
<input type="text" id="textsend3" name="firstname" value="Mickey">
<br>
<br>
<input type="submit" value="Submit" ng-disabled>

Ответы [ 2 ]

0 голосов
/ 24 мая 2018

Вы можете использовать форму и ng-required для этого.С 3 текстовыми полями это легко, но если вы начнете получать больше, это может стать немного грязным.

angular.module('app', [])
  .controller('ctrl', function($scope) {
    $scope.firstname = '';
    $scope.middlename = '';
    $scope.lastname = '';
  });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
  <form name="myForm">
    First name:<br>
    <input type="text" 
           name="firstname" 
           ng-model="firstname" 
           ng-required="!middlename && !lastname"><br>     
    Middle name:<br>
    <input type="text" 
           name="middlename" 
           ng-model="middlename" 
           ng-required="!firstname && !lastname"><br>
    Last name:<br>
    <input type="text" 
           name="lastname" 
           ng-model="lastname" 
           ng-required="!firstname && !middlename"><br><br>
    <input type="submit" 
           value="Submit" 
           ng-disabled="myForm.$invalid">
  </form>
</div>
0 голосов
/ 24 мая 2018

Попробуйте добавить класс, чтобы включить или отключить кнопку de, отметьте url или просто используйте ng-disabled

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...