How i can delete span text made in js?

Question

How can I delete or hide the text while somebody in my form input in the second time give correct data? I mean when somebody on first time give incorrect the text will display "First Name cannot be empty!" and then give correct data and the text is there but invisible.

        errorFunc(fname, 'First Name cannot be empty!')
    } else {
        successFunc(fname)
    }

    if (lastName === '') {
        errorFunc(lname, 'Last name cannot be empty!')
    } else {
        successFunc(lname)
    }

function errorFunc(req, message) {
    const formControl = req.parentElement;
    const span = formControl.querySelector('span');
    span.innerText = message;
    req.classList.add('error');
    span.classList.add('error-text');
    req.classList.remove('success');
}

function successFunc(req) {
    const formControl = req.parentElement;
    const span = formControl.querySelector('span');
    req.classList.add('success');
    req.classList.remove('error')
    span.classList.remove('error-text')
}

Just do this at the beginning of your validation script: formControl.querySelector('span').innerText="" - clear it out each time you validate as your validation script will put text in it afterwards if neccesary — Kinglish
– Kinglish, Commented Dec 20, 2021 at 21:34

Matteo Giuntoni · Accepted Answer · 2021-12-20 21:56:04Z

2

You have 2 options:

You can remove the span with .remove() function.
```
span.remove()
```
Also you can maintain the span element but remove text.
```
span.innerText = ""
```

answered Dec 20, 2021 at 21:56

Matteo Giuntoni

1715 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How i can delete span text made in js?

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related