Make appear and disappear html class by js

Question

Make appear and disappear html class by js

Navigation

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

2

I have a registration page, and when the data is entered wrong, a alert(); appears informing the error, but I would like it to be an error message, just below the fields. I put a span with an error message and with the class sr-only of the boostrap that makes what I wrote remain invisible, but how do I use js to make the class disappear? would be in place of the alert that is in echo.

HTML
<span id="cpf"></span>Cadastrar</button>
<span class="sr-only">Dados incorretos.</span>

PHP
    echo"<script type='text/javascript'>alert('Alguém com esses dados já se cadastrou. Tente novamente.');window.location.href='cadastro.php';</script>";

javascript jquery html5 css bootstrap-3

asked by anonymous 06.12.2017 / 16:57

3 answers

How to make a query that just counts an unbroken stream? How to add send via SMTP in phpMailer?

score 2 · Answer 1

2

document.getElementById("ID_DO_ELEMENTO").classList.remove("NOME_DA_CLASSE");

06.12.2017 / 18:05

score 0 · Answer 2

To add or remove classes directly through javascript you can do the following:

To add

document.getElementById("seu-id").classList.add("sua-classe");

To remove

document.getElementById("seu-id").classList.remove("sua-classe");

More information

score 0 · Answer 3

If you are using JQuery, you can use the following code:

To remove class:

$( "seu-id" ).removeClass( "sua-classe" );

To add class:

$( "seu-id" ).addClass( "sua-classe" );

More information Add Class and Remove Class