Проверка формы не работает на IONIC, но работает на AngularJS - PullRequest
Новая
       23

Проверка формы не работает на IONIC, но работает на AngularJS

0 голосов
/ 22 сентября 2019

Я должен предоставить обязательную проверку полей в моем ионном приложении.Но я не могу заставить работать угловую форму по умолчанию.Я использовал ng-submit, но в ionic это даже не запускает submit.Есть ли директива, по которой я могу использовать 

<ion-view title="Dashboard">
  <ion-content class="has-header padding">
    <form name="myForm" ng-controller="DashCtrl">
      <input type="radio" ng-model="color" value="red" required>  Red <br/>
      <input type="radio" ng-model="color" value="green" required> Green <br/>
      <input type="radio" ng-model="color" value="blue" required> Blue <br/>
      <tt>color = {{color | json}}</tt><br/>
      <button type="submit" ng-click="submitForm()">Submit</button>
    </form>
  </ion-content>
</ion-view>

Но, если это приложение AngularJS, оно работает как положено

AngularJS Plunkr: https://plnkr.co/edit/EdItU2IIkO1KIsC052Xx?p=preview

IONIC Plunkr:https://plnkr.co/edit/tr7btg7mr0SHhbOB?p=preview

1 Ответ

0 голосов
/ 22 сентября 2019

Для HTML5, не работающего в Ionic, возможно этот ответ от html5 проверки в Ionic

Но вы также можете сделать это:

измените вашу отправку с помощью ng-click="submitForm(myForm)"

и ваша функция отправки, подобная этой 

   $scope.submitForm = function(form) {
     if (form.$valid == true){
       console.log('yay')
     } else {
       console.log('Nyay')
     }
    };

разветвила ваш plnkr с этими изменениями, проверьте его ЗДЕСЬ

Надеюсь, это поможет!

...