[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)

Desabilitar submit ao apertar enter

[Finalizado Pelo Aluno]

Rafael Lannes
Criador Rafael Lannes 13/01/2020

Como eu desabilito a opção de enviar o fomulário ao pressionar enter?

 

<form @submit.prevent="editMode ? updateArt() : createArt()">
Manager Carlos Ferreira 13/01/2020

Olá, Rafael!
Tudo bem?

Você está usando Vue.js, certo?

Você pode criar uma propriedade chamada "loading" com o valor default de false.

Exemplo:
data () {
    return {
        loading: false,
    }
}

<button type="submit" :disabled="loading">Enviar</button>

methods: {
    createArt () {
        this.loading = true

        [...] // processamento sync

        this.loading = false
    }
}

Carlos Ferreira
Criador Rafael Lannes 13/01/2020

Isso, estou usando vue.

Eu havia feito da seguinte maneira:

No html

<form @submit.prevent="">

E chamei as funções somente no botão de alterar/cadastrar, com isso não envia mais o disparo do submit apertando enter

 

Só que por algum motivo quando aperto enter em algum input, está disparando a função de mudar de aba no modal. Existe alguma maneira de debugar ou desabilitar isso? A maneira que eu resolvi é adequada? O que você recomenda?

 

 

Rafael Lannes
Manager Carlos Ferreira 13/01/2020

Olá amigo.

Eu uso o event @submit.prevent="" nos meus forms.

Pode ser que o botão não está com o type submit, e por isso não submete o formulário:
<button type="submit">Enviar</button>

Carlos Ferreira
Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!