Ionic: Make the confirm button return to the first error of the form

Question

Ionic: Make the confirm button return to the first error of the form

Navigation

#1 by (0 votes)
#2 by (0 votes)

0

Hello, I have a project in ionic / firebase and it has a form with about 31 questions and I need it on this screen to click to finish instead of going back to the top as follows in this function that is in code this.content.scrollToTop(); I need him to return to the first invalid question. I've tried many tutorials on the internet. Here is an excerpt from my .TS:

  enviar(abertura: Abertura) {
    if (this.form.form.invalid) {
      let confirmAlert = this.alertCtrl.create({
        title: 'Parece que há alguma questão sem marcar!',
        message: 'Para proseguir, marque o que está faltando!',
        buttons: [
          {
            text: 'Voltar',
            handler: () => {
              console.log('Voltar clicado');
              this.content.scrollToTop();
            }
          },
        ]
      });
      confirmAlert.present();
    }

ionic firebase

asked by anonymous 03.08.2018 / 21:23

2 answers

How to send an ajax request to the Easy RedMine API * ngFor with ngModel and value

score 0 · Answer 1

Instead of using the this.content.scrollToTop() function, you can use this.content.scrollTo(x, y, duracao) . To find the y position of the element, you can use the offsetTop property.

score 0 · Answer 2

You can use pure HTML with hyperlink following example:

Create the attribute in your questions

<h2 id="Pergunta1">Pergunta 1</h2>

When you want to navigate to question 1, create a hyperlink dynamically

<a href="#Pergunta1">Pule para pergunta 1</a>