Add class to body if url contains

Question

Caldera forms plugin for wordpress returns a URL similar to the one below when an error occurs during submission of a form.

?cf_er=_cf_process_5e7a1d0c43fbe

How, using jQuery, could I add a class to the body if the url contains AT LEAST this part;

?cf_er

Many thanks in advance for any help offered.

url in the link or in the address bar? – epascarello Mar 24 '20 at 16:27 — epascarello, Mar 24 '20 at 16:27

score 1 · Answer 1 · answered Mar 24 '20 at 16:30

1

use includes to check existence of string ?cf_er.

const url = "?cf_er=_cf_process_5e7a1d0c43fbe";

if (url.includes('?cf_er')) {
  $(document.body).addClass('someclass');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

answered Mar 24 '20 at 16:30

random

Browser support for `.includes()` [here](https://caniuse.com/#feat=es6-string-includes) Just a note for anyone unfortunate enough to be supporting IE11 and below. – DBS Mar 24 '20 at 16:35
I dont understand why I provide a sample url which clearly includes the relevant section.... and then I check the url to see if it contains that section..... Can you help me to understand? – Briany Hearne Mar 24 '20 at 17:34

terrymorse · Accepted Answer · 2020-03-25T19:55:14.197

0

Assuming you get the URL as a string returned from the "Caldera forms plugin":

   const url = caldera_forms_plugin();

   if (url.includes('?cf_er') {
      $('body').addClass(MY_CLASS_NAME);
   }

But you don't really need to use jQuery to add a class to body, just do:

    body.classList.add(MY_CLASS_NAME);

edited Mar 25 '20 at 19:55

answered Mar 24 '20 at 16:35

terrymorse

Terry am I supposed to include a sample url? Sorry but i don't understand. – Briany Hearne Mar 24 '20 at 17:32
@BrianyHearne - I assume you are getting the URL as the return value from your "Caldera forms plugin", as you mentioned. – terrymorse Mar 25 '20 at 19:52
Thank you vey much. – Briany Hearne Mar 26 '20 at 20:19

2 Answers2