@ Hung
This seems to be a server config issue. If I’m right, something out of my control and ability to give you a solution. Here’s my what I believe the issue is… a bit technical.
The submission occurs via an AJAX call to your server. This does complete successfully which is why the submission ends up in the moderation queue as it should. The error is occuring when the success message is sent back but the browser will not accept the success message which cause Form to show the unknown error has occurred message.
The reason the browser is rejecting the success message is because the browser request headers do not match. Here’s the request headers the browser sent to the server when submitting an AJAX request:
Host:om.schoolyogainstitute.com
Origin:http://schoolyogainstitute.com
Here’s the server response headers:
Access-Control-Allow-Origin: http://schoolyogainstitute.com
X-Frame-Options: SAMEORIGIN
My best guess it is because the request is going to and being received from om.schoolyogainstitute.com instead of schoolyogainstitute.com.
I found similar issue with another plugin in the WordPress support forums. The solution to the issue will not work for you because the issue revolved around the request coming from http and the response was coming from https. So their solution was to simply run the entire site in https.
The support topic did link to two important links. The first is the doc page for X-Frame-Options. The second was some solutions shared by others in a StackOverflow topic.
So, in short, the solution is to make sure your site/server configuration is correct by fixing the host, I believe.
I was able to test this by going to:
http://om.schoolyogainstitute.com/network/alumni-community/alumni-directory/submit/
When I submit an entry, it works as expected.
I hope this points you in the right direction!
