Remove HTML before insertBefore jQuery

Question

I have a field that inserts HTML when a user submits my form. If there is an error it inserts the error message before the form field. However, if the user submits multiple times it inserts multiple error messages, I would like to simply replace the error message so that it only appears once. I've tried to use replace but I couldn't get this way to work.

The form works via ajax so we don't reload the page to remove the errors, I need a way of replacing / removing them using jQuery.

Here is my jQuery code.

    $('<p class="form-error" id="' + errorKey + 'ErrorMessage">' + json.errors[errorKey] + '</p>')
.insertBefore(('[name="' + errorKey + '"]'))

Have you tried to disable submit button during sending data from the form? — Krusader
– Krusader, Commented Oct 19, 2017 at 7:39
The form works via ajax, so the page won't reload and remove the errors — N P
– N P, Commented Oct 19, 2017 at 7:44
Instead of inserting the error, could you not simply have an element whos visibility is toggled on/off on fail/success and populated with the error text? — DreamTeK
– DreamTeK, Commented Oct 19, 2017 at 7:47
Simple solution: Add an empty div with a unique id and add your created error message with .html — Werner
– Werner, Commented Oct 19, 2017 at 7:52

aaron · Accepted Answer · 2017-10-19 07:54:49Z

2

Select by id and remove:

$('#' + errorKey + 'ErrorMessage').remove();

answered Oct 19, 2017 at 7:54

aaron

43.5k6 gold badges55 silver badges113 bronze badges

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

Collectives™ on Stack Overflow

Remove HTML before insertBefore jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related