Submit Button not Sending Data (?)

Anonymous

#55255

Hello over at S&F Pro! Your plugin rocks, so thank you for all the development you’ve done.

We currently use S&F Pro so clients can find where to get services (searching by need, borough, or both). This page doing this can be found here: https://jewishboard.org/?sfid=2070.

I’m not sure when it happened, but at some point our S&F page’s “submit” button stopped working properly. When I select an issue or a location (or both) and click submit, it just takes someone to the full listing. It doesn’t seem to properly grab the options I choose in the two drop downs.

The search function itself still seems to be working 100%, because if I manually enter a search I will get exactly what I’m looking for. Example: https://jewishboard.org/?sfid=2070&_sft_category=supportive-housing&_sft_locations=bronx

Please let me know if there’s anything I can do to resolve this, as I’d love to continue using this plugin. Thank you in advance!

Anonymous

#55257

I’m not sure if this helps you figure out what is causing it, but I went to see what the form data was submitting with the working link where I directly typed the request vs what was being done when I used the submit button.

It looks like there’s a [] appearing after _sft_category and _sft_locations on the form option, which I’m also now noticing in the code (<select name=”_sft_category[]” class=”sf-input-select” title=””>, for example).

No clue if this is what could be causing it, but it’s the only thing I’ve noticed so far that the two are doing differently.

https://jewishboard.box.com/s/ylq27bfhlricymhp3boc208wu1vgxvqy

Trevor

#55258

When this type of thing happens, suspect a jQuery error. As WordPress made a major change to jQuery at 4.5, I suspect that is when this happened. A lot of authors had to re-write their javascripts, and sometimes jQuery is now being loaded twice by sites, sometimes with different versions!

You can always see this if, in Chrome, you open the code inspector (Ctrl+Shift+I) and select the console tab. In this case it says:

give.all.min.js?ver=1.3.6:8 Uncaught TypeError: jQuery(...).qtip is not a function

And then it points to line #8 of https://jewishboard.org/wp-content/plugins/give/assets/js/frontend/give.all.min.js

Anonymous

#55259

Thank you for the quick response, Trevor!

Just to double check, this means that line #8 is causing an error that is having unexpected results with what Search & Filter Pro is trying to do?

Trevor

#55261

Not necessarily. But, browsers these days disable the javascript when this happens and so not a lot will work.

Do you know where that script comes from?

Anonymous

#55262

The url of the conflict looks like it’s another plugin that we’re using to process donations called Give (https://givewp.com).

Trevor

#55263

Well, to see if it is so, temporarily deactivate it and test.

Anonymous

#55264

Yep, you’re right: that seems to be what is causing Search & Filter Pro to not run properly.

Thank you again for walking me through how to find what was causing the error. I’ve seen that alert pop up a bit in the past through the console, but it never caused this to happen until recently. I’ll reach out to that plugin to see what can be done to resolve the alert.

Anonymous

#55271

Poking around a bit more, it looks like at some point <?php wp_head(); ?> was moved (to potentially resolve something else!) to before some other scripts, which caused the error to generate, which made things snowball from there. Moving it back to where it originally was resolved the issues all the way down.

Thank you once again for walking me through the issue, even though it was something on our end!

[Author]

Posts