[Resolved] The message to display instead of the form after Submit is not displaying

[Author]

Posts

[jeffS-2]

I am trying to:
I had not changed anything for this New Member Application form for a few months. Someone tried to join today and only saw the "Post saved" message. I have "Display a message instead of the form" selected, and it's been that way for about a year.

Link to a page where the issue can be seen:
hidden link

I expected to see:
The "Thank You for applying..." message I have entered to be displayed "After visitors submit this form:".

Instead, I got:
The rest of the page (header and right sidebar) looks correct, and the page auto-scrolls about halfway down, but no message is displayed.

Unfortunately, I have no way of showing (screen shot) what it should look like because I can't find a way to force it to be displayed. I think you probably know what I'm talking about anyway.

I have a page named Join CNSV, which has a Views shortcode for the Join CNSV view (same name,) and a content template named Join CNSV that includes a button to "Fill out form". Clicking the button works as expected and opens the form. The form creates the proper custom post, and sends the notification emails as expected. But, after visitor clicks Submit, the content space where the form was shown goes blank, so it does not show my confirmation message.

Here is my "Display Message" code:

<div  style="font-size:1.3rem !important; font-weight:bold !important; color:#00a !important; text-align:center !important;"><br/> <br/> <br/> <br/> <br/> [types field='first-name'][/types] – Thank you for your application for IEEE-CNSV Membership.<br/> A copy of the information you submitted has been emailed to you.<br/> <br/>  If you have not already made your payment,<br/> please do so now.<br/> <br/> 
<input type="button" id="nma_make_pmt_btn" value="Make Payment" style="color:#fff; background-color:#339bb9; background-image: -webkit-linear-gradient(top,#5bc0de,#339bb9); text-shadow: 0 -1px 0 rgba(0,0,0,0.25); padding: 5px 15px 6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); transition: 0.1s linear all; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);" onclick="window.location='join-cnsv#join_paypal';" />
</div>

And here is my form code. (Ignore the "Admin-only" section at the top. Not being used right now.

[credform class='cred-form cred-keep-original']
<div id="nma_form">
<div class="nma-form-title"><br />IEEE-CNSV Membership Application Form <br />  <br />  </div>

<div class="nma-form-note">(This info can be edited/embellished once your CNSV member profile is in place.)</div>
  
	[cred_field field='form_messages' value='' class='alert alert-warning']


<!-- THIS SECTION IS FOR ADMIN-ONLY HIDDEN FIELDS -->

[cred_show_group if="(1 eq 1)" mode="fade-slide"]
  <table>
    <tr>
      <td width="20%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <!-- <label style="font-size:1rem;color:#000;">SHOW ADMIN FIELDS -->
		  [cred_field field='show-admin-fields' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
    </tr>
  </table>
<!-- /cred_show_group] -->

<!-- If current user is admin/viceadmin, and SHOW-ADMIN-FIELDS is checked above... -->

[cred_show_group if="( $(wpcf-show-admin-fields) eq '1' )" mode="fade-slide"]

<div id="nma_admin" style="margin:1rem 2rem; border:1px solid #0D0;">
  
  <table width="100%">
    <tr style="margin-bottom:20px;">
      <td width="50%" style="margin-bottom:10px; padding-top:0px !important; padding-bottom:5px !important;">
		<label style="font-size:1rem;color:#000;">Title</label>   
			[cred_field field="post_title" post="members" placeholder="" value="" urlparam=""]
      </td> 
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
    </tr>
  </table>
  
  <table>
    <tr>
      <td width="20%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <label style="font-size:1rem;color:#000;">Expiration date</label>
		  [cred_field field='expiration-date' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
    </tr>
  </table>
    
  <table>
    <tr>
      <td width="45%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <label style="font-size:1rem;color:#000;">Username</label>
		  [cred_field field='login-username' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
      <td width="45%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <label style="font-size:1rem;color:#000;">Password</label>
		  [cred_field field='login-passwd' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
    </tr>
  </table>

  <table>
    <tr>
      <td width="40%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <label style="font-size:1rem;color:#000;">CNSV member type</label>
		  [cred_field field='cnsv-member-type' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
    </tr>
  </table>

  <table>
    <tr>
      <td width="33%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
          <!-- <label style="font-size:1rem;color:#000;">CNSV Board member -->
		  [cred_field field='cnsv-board-member' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
    </tr>
  </table>

  <table>
    <tr>
      <td width="33%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <!-- <label style="font-size:1rem;color:#000;">Misc flag 1 -->
		  [cred_field field='misc-flag-1' post='members' value='' urlparam='' class='form-control' output='bootstrap' readonly='true']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
      <td width="33%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <!-- <label style="font-size:1rem;color:#000;">Misc flag 2 -->
		  [cred_field field='misc-flag-2' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
      <td width="33%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <!-- <label style="font-size:1rem;color:#000;">Misc flag 3 -->
		  [cred_field field='misc-flag-3' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
    </tr>
  </table>

  <table>
    <tr>
      <td width="33%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <!-- <label style="font-size:1rem;color:#000;">Send General CNSV Announcements -->
		  [cred_field field='send-general-cnsv-announcements' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
    </tr>
    <tr>
      <td width="33%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <!-- <label style="font-size:1rem;color:#000;">Send Job Announcements -->
		  [cred_field field='send-job-announcements' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
    </tr>
    <tr>
      <td width="33%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <!-- <label style="font-size:1rem;color:#000;">Send CNSV e-Newsletter -->
		  [cred_field field='send-cnsv-e-newsletter' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
    </tr>
  </table>

  <table>
    <tr>
      <td width="43%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <label style="font-size:1rem;color:#000;">Membership application received date</label>
		  [cred_field field='app-rcvd-date' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
    </tr>
  </table>

  <table>
    <tr>
      <td width="33%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <label style="font-size:1rem;color:#000;">Last modified date</label>
		  [cred_field field='last-modified' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
    </tr>
  </table>
  
  <table>
    <tr>
      <td width="33%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
        <div class="form-group" style="margin-bottom:0px !important;">
		  <!-- <label style="font-size:1rem;color:#000;">Suspend account -->
		  [cred_field field='acct-suspended' post='members' value='' urlparam='' class='form-control' output='bootstrap']
        </div>
      </td>
	  <td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">    
      </td>
    </tr>
  </table>
  <br />
  
</div> <!-- nma_admin -->

[/cred_show_group]

<!--  ***** *****  END OF ADMIN-ONLY HIDDEN FIELDS SECTION  ***** *****  -->

  
<table width="100%">
  <tr>
    <td width="33%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
      <div class="form-group" style="margin-bottom:0px !important;">
		<label style="font-size:1rem;">First name</label>
		[cred_field field='first-name' post='members' value='' urlparam='' class='form-control' output='bootstrap']
      </div>
    </td>
    <td width="33%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
      <div class="form-group" style="margin-bottom:0px !important;">
		<label style="font-size:1rem;">Middle name or initial</label>
		[cred_field field='middle-name' post='members' value='' urlparam='' class='form-control' output='bootstrap']
      </div>
    </td>
	<td width="34%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
      <div class="form-group" style="margin-bottom:0px !important;">
		<label style="font-size:1rem;">Last name</label>
		[cred_field field='last-name' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>
	<td width="0.1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    
  </td></tr>
</table>

<table width="98%">
  <tr width="100%">
    <td width="50%" colspan="2" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group" style="margin-bottom:0px !important;">
		<label style="font-size:1rem;">Name Suffix <span style="color:#888;">(Jr., III, etc. - NOT for credentials.)</span></label>
		[cred_field field='name-suffix' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>
    <td width="50%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
	  </div>
    </td>
  </tr>
</table>  
  
<table width="98%">
  <tr width="100%">
    <td width="32%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group" style="margin-bottom:0px !important; padding-top:0px !important;">
		<label style="font-size:1rem;">Email</label>
		[cred_field field='email' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>
    <td width="1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
    <td width="32%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group" style="margin-bottom:0px !important; padding-top:0px !important;">
        <label style="font-size:1rem;">Secondary Email <span style="color:#888;">(optional)</span></label>
		[cred_field field='email-2' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>
    <td width="1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>

<table width="98%">
  <tr width="100%">
    <td width="30%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group" style="margin-bottom:0px !important; padding-top:0px !important;">
		<label style="font-size:1rem;">Phone - Business</label>
		[cred_field field='business-phone' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>
    <td width="1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
    <td width="30%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group" style="margin-bottom:0px; padding-top:0px !important;">
		<label style="font-size:1rem;">Phone - Mobile</label>
		[cred_field field='mobile-phone' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>
    
    <td width="40%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>

<table width="98%">
  <tr>
    <td width="50%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">Street address</label>
		[cred_field field='street-address' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>

    <td width="50%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>
  
<table width="98%">
  <tr>
    <td width="40%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
 		<label style="font-size:1rem;">City</label> 
		[cred_field field='city' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>
  
    <td width="8%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">State/Province</label>
		[cred_field field='state' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>

    <td width="17%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">Zip code</label>
		[cred_field field='zip-code' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>

    <td width="17%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">Country</label>
		[cred_field field='member-country' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>
    <td width="35%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>

<table width="98%">
  <tr>
    <td width="95%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
        <label style="font-size:1rem;">Portrait photo of yourself  </label> <label style="font-size:1rem;color:#888;">(Strongly recommended, or you can add it later. Max 320h x 240w please. In the interest of professionalism, please use portrait photos only; cute avatars are not allowed.)</label>
		[cred_field field='portrait' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>
    <td width="5%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>
  
  
<table width="98%">
  <tr>
    <td width="70%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">
          Degrees/Credentials  <span style="color:#888;">(BSxx, MSxx, MBA, PhD, PE, CSDP, etc.)</span> </label>
		[cred_field field='suffix-credentials' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>
    <td width="30%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>

<table width="98%">
  <tr>
    <td width="33%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
        <label style="font-size:1rem;">IEEE Member?<sup style="font-size:0.9rem;">1</sup></label>
		[cred_field field='ieee-member-level' post='members' value='' urlparam='' class='form-control' select_text='Please select...' output='bootstrap']
	  </div>
    </td>

    <td width="33%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">   
	  <div class="form-group">
  [cred_show_group if="( $(wpcf-ieee-member-level) gt '0' )" mode="fade-slide"]
		<label style="font-size:1rem;">IEEE Number</label>
		[cred_field field='ieee-number' post='members' value='' urlparam='' class='form-control' output='bootstrap']
  [/cred_show_group]
	  </div>
    </td>

    <td width="34%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>

  </tr>
</table>

<table width="98%">
  <tr>
    <td width="70%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">Primary Skills/Expertise   <span style="color:#888;">(preferably  a short comma-separated list)</span></label>
		[cred_field field='primary-field-of-expertise' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
      <div id="chars-remaining-primary-field-of-expertise"> chars remaining</div>         <div id="chars-primary-field-of-expertise">200</div>
    </td>
    <td width="30%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>

<table width="98%">
  <tr>
    <td width="95%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">Summary of Experience</label>
		[cred_field field='full-expertise-description' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>
    <td width="5%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>
  
<table width="98%">
  <tr>
    <td width="95%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">Business Name   <span style="color:#888;">(Or you can also enter: Consultant, Software Consultant, IC Designer, etc. - or leave blank.)</span></label>
		[cred_field field='business-name' post='members' value='' urlparam='' placeholder='ex: Smith Engineering' class='form-control' output='bootstrap']
	  </div>
    </td>
    <td width="5%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>
  
[cred_show_group if="( $(wpcf-business-name) ne '' )" mode="fade-slide"]
<table width="98%">
  <tr>
    <td width="95%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">Business Logo    <span style="color:#888;">(maximum 320 x 320 please)</span></label>
		[cred_field field='business-logo' post='members' value='' urlparam='' class='form-control' output='bootstrap']
      </div>
    </td>
    <td width="5%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>
[/cred_show_group]
  
<table width="98%">
  <tr>
    <td width="95%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">Your Business Website URL <span style="color:#888;">(ex: <em><u>hidden link</u></em> –  Don't use LinkedIn here)</span></label>
		[cred_field field='business-web-site' post='members' value='' urlparam='' placeholder='ex: <em><u>hidden link</u></em>'  class='form-control' output='bootstrap']
	  </div>
    </td>
    <td width="5%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>
  
<table width="98%">
  <tr>
    <td width="95%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">LinkedIn URL <span style="color:#888;">(ex: <em><u>hidden link</u></em>;
		[cred_field field='linked-in-profile-link' post='members' value='' urlparam='' placeholder='ex: <em><u>hidden link</u></em>' class='form-control' output='bootstrap']
	  </div>
    </td>
    <td width="5%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>
  

<table width="98%">
  <tr width="100%">
    <td width="20%" colspan="2" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">Years of Full-time Consulting</label>
		[cred_field field='years-full-time-consulting' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>

    <td width="21%" colspan="2" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">Years of Part-time Consulting</label>
		[cred_field field='years-part-time-consulting' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>

    <td width="20%" colspan="2" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">Years of Full-time Work</label>
		[cred_field field='years-full-time-work' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>
    
    <td width="40%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>

  </tr>


</table><table width="98%">
  <tr>
    <td width="40%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">How did you hear about CNSV?</label>
		[cred_field field='heard-about-cnsv' post='members' value='' urlparam='' class='form-control' select_text='Please select...' output='bootstrap']
	  </div>
    </td>
    
    <td width="50%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
  [cred_show_group if="( $(wpcf-heard-about-cnsv) eq '6' )" mode="fade-slide"]
		<label style="font-size:1rem;">Friend's name</label>
		[cred_field field='heard-about-cnsv-friend' post='members' value='' urlparam='' class='form-control' output='bootstrap']
  [/cred_show_group]
  [cred_show_group if="( $(wpcf-heard-about-cnsv) eq '7' )" mode="fade-slide"]
		<label style="font-size:1rem;">Other</label>
		[cred_field field='heard-about-cnsv-other' post='members' value='' urlparam='' class='form-control' output='bootstrap']
  [/cred_show_group]
	  </div>
    </td>
    <td width="30%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>

<table width="98%">
  <tr>
    <td width="53%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">Why join CNSV now?</label>
		[cred_field field='why-join-cnsv-now' post='members' value='' urlparam='' class='form-control' select_text='Please select...' output='bootstrap']
	  </div>
    </td>
    
    <td width="42%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
  [cred_show_group if="( $(why-join-cnsv-now) eq '4' )" mode="fade-slide"]
		<label style="font-size:1rem;">Other</label>
		[cred_field field='why-join-cnsv-now-other' post='members' value='' urlparam='' class='form-control' output='bootstrap']
  [/cred_show_group]
      </div>
    </td>     
    <td width="1%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>
  
<table width="98%">
  <tr>
    <td width="95%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		<label style="font-size:1rem;">Interested in volunteering for CNSV, giving a technical talk at our monthly meeting or assisting the Board?</label>
		[cred_field field='volunteer-or-talk' post='members' value='' urlparam='' class='form-control' output='bootstrap']
	  </div>
    </td>
    <td width="5%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
    </td>
  </tr>
</table>
  
 <hr id="hr_nma" /> <br />

<table width="98%">
  <tr>
    <td width="96%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;">
	  <div class="form-group">
		[cred_field field='agree-to-ethics-and-bylaws' post='members' value='' urlparam='' output='bootstrap']
      <div style="margin-top:-1.9rem;font-size:1.1rem;color:#000;font-weight:bold;">                and the IEEE-CNSV Bylaws.
      </div>
      <div style="margin-top:0.3rem;font-size:1.1rem;color:#555;">                (See <a href="<em><u>hidden link</u></em>" target="_blank" rel="noopener noreferrer"><em>IEEE Code of Ethics</em></a> and <a href="<em><u>hidden link</u></em>" target="_blank" rel="noopener noreferrer"><em>IEEE-CNSV Bylaws</em></a>, also available at <a href="join-cnsv" target="_blank" rel="noopener noreferrer">Join CNSV</a>.)</div>
	  </div>
    </td>
  </tr>
</table>
<br />

<table width="98%">
  <tr>
    <td width="5%">
    </td>
    <td width="91%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;padding-left:2rem;">
	  <div class="form-group">
        <label><div style="padding-bottom:10px;font-size:1.1rem;">I have made/will make a payment of $100<sup style="font-size:0.9rem;">2</sup> via:</div></label>
		[cred_field field='payment-made-how' post='members' value='' urlparam='' output='bootstrap']
      </div>
    </td>
  </tr>
</table>

  
<br />

<table width="98%">
  <tr>
    <td width="5%">
    </td>
    <td width="91%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;padding-left:2rem;">
	  <div class="form-group">[cred_field field='recaptcha' value='' urlparam='' class='form-control' output='bootstrap']</div>
    </td>
  </tr>
</table>

<table width="98%">
  <tr>
    <td width="10%">
    </td>
    <td width="86%" style="margin-bottom:5px; padding-top:0px !important; padding-bottom:5px !important;padding-left:2rem;">
	          [cred_field field='form_submit' value='Submit' urlparam='' class='btn btn-primary btn-lg' output='bootstrap']
    </td>
  </tr>
</table>

<table width="98%">
  <tr>
    <td width="5%">
    </td>
    <td width="95%" style="padding-bottom:0 !important;">
      <div style="font-size:0.9rem;color:#333;"><sup style="font-size:0.9rem;">1</sup> If you are not a member of the IEEE, you can join CNSV as an affiliate member. Affiliate membership applicants must receive the approval of a majority of the IEEE-CNSV Board of Directors, and are not eligible to hold an elected office, and do not have CNSV voting privileges.</div>
    </td>
  </tr>
  <tr>
    <td width="5%">
    </td>
    <td width="95%" style="padding-bottom:0 !important;">
      <div style="font-size:0.9rem;color:#333;"><sup style="font-size:0.9rem;">2</sup> New membership cost is $100: one-time registration fee ($50) + annual fee ($50).</div>
    </td>
  </tr>
</table>

  
[/credform]
</div>

[Nigel]

Hi Jeff

Can you just clarify the context of how the form is added to the page?

You are not simply inserting the form directly into the page, you have a View and a Content Template involved.

What is the View querying, how is it used to display the form?

[jeffS-2]

Hey Nigel, glad you picked up my issue. And btw, a bit of feedback for the Support Ticket page: Why did they remove the choice to "Wait for Nigel on this issue"? Now, it says "Nigel is busy with x other tickets..." but it doesn't give me the choice to wait for Nigel. I will input this comment in the "Toolset staff" box when we close the issue.

Okay, back to my issue...

My apologies, I forgot one step, and you caught me on it.
I need the View for the "Join CNSV" page because it grabs mailing info for the current treasurer (a custom post type.) So, the View will never have more than one item found because there is only one treasurer at any given time (new treasurer every year or two.) That's really the only reason I have a View and a Content Template.
The content template displays some Join Information (as you can see on the /join-CNSV page) and it has a button, "Fill Application" (id= "join_fill_mbrshp_app") that has an onclick() to redirect to a page called, "Online Membership Form" which simply includes the shortcode: [cred_form form='form-for-new-membership-forms' form_name='New Membership Application Form']. Code follows...

Content Template: "Join CNSV"

<div class="myStdPage_contentArea"><br clear="all" />
  <div id="JoinCnsv_descrip">
    <p style="font-size: 1.1rem;">IEEE members are privileged to join CNSV as a Member. Other high-tech professionals may apply to join as an Affiliate Member, a grade which does not include voting rights. Members and Affiliate Members must adhere to both the <a href="<em><u>hidden link</u></em>" target="_blank" rel="noopener noreferrer">IEEE Code of Ethics</a> and the <a href="/wp-content/IEEE-CNSV-Bylaws.pdf" target="_blank" rel="noopener noreferrer">CNSV Bylaws</a>. Networking is an important part of membership. We strongly encourage members to attend meetings for networking and to find out more about membership. This is also the easiest and most effective way for you to influence what the Network tries to do for your benefit.
    </p>
    <p style="font-size: 1.1rem;">
Your most important member benefit is your Member Profile which describes your skills, and provides you with a handsome webpage.  This webpage is found by site visitors when they use the search box, and it is also found by web search engines.  You can edit your Member Profile at any time when you log into our site.
    </p>
    <p style="font-size: 1.1rem;">
Another benefit is our member listserver for communication with fellow members in order to ask questions, find assistance with a project, etc.  In addition, you can meet potential clients by helping to staff the CNSV booth at the August <a href="<em><u>hidden link</u></em>">Flash Memory Summit</a>.  You will receive job postings via our website's "Post a Project" feature and from members via our listserver.  Attend our monthly meetings to see how CNSV creates a fellowship that can help promote your consultancy.
    </p>
    <p style="font-size: 1.1rem;">For more information, please see the <a href="CNSV-Brochure" target="_blank" rel="noopener noreferrer"><strong>CNSV Brochure</strong></a>.</p>
<p style="font-size: 1.1rem;">Contact information for all <a href="<em><u>hidden link</u></em>">IEEE Consultants' Networks worldwide.</a>
    </p>
  </div><!-- JoinCnsv_descrip -->

  <div id="JoinCnsv_dues">
    <p style="font-size: 1.1rem;">Membership fee is $50.00 for each calendar year. First-time membership requires an additional initiation fee of $50.00. New applicants must therefore submit a completed application and pay<br /> a $100 fee. To apply, fill out the application form and then pay the New Membership fee.
    </p>
    <div style="text-align:center;"><input type="button" id="join_fill_mbrshp_app" value="Fill application" onclick="window.location='online-membership-form#nma';"/> <a id="join_paypal"></a><br /> <br />  
    </div>
    <div id="JoinCnsv_PayPal"><div style="font-size:1.3rem;font-weight:bold;text-align:center;"><em>PayPal</em>
    </div>
    <br />[wp_paypal_payment_box email="Treasurer@CaliforniaConsultants.org" options="New Membership:100.00" currency="USD" reference ="Your Full Name" return="join-thankyou"]
  </div><!-- JoinCnsv_dues -->
 
  <br clear="all" />

  <div id="JoinCnsv_mailChk_contnr" style="margin-bottom:1rem; font-size:1.1rem; font-weight:bold; text-align:center;">— OR —
  </div>
  <div class="JoinCnsv_mailChk">
    <div id="mailIt">
      <span style="font-size:1.3rem;font-weight:bold;text-align:center;">
        Mail a check
      </span>
      <br /> for $100, made payable to <em>IEEE-CNSV</em>,<br />and send to:<br /><br />
      <div class="contactTreasurerInfo">
        <span style="font-size:16px;">
          Treasurer IEEE-CNSV <br />
          ℅ [types field="treasurer-first-name"][/types] [types field="treasurer-last-name"][/types]<br />
            [types field="treasurer-street-address"][/types]<br />
            [types field="treasurer-city"][/types], [types field="treasurer-state"][/types] [types field="treasurer-zipcode"][/types]
        </span> 
      </div> <!-- contactTreasurerInfo -->
    </div> <!-- mailIt --> <br />
    <span style="font-size:16px;">[types field="treasurer-email"][/types]<br />
      Ph: [types field="treasurer-phone"][/types]
    </span>
    <br />
    </div><!-- JoinCnsv_mailChk -->
  </div><!-- JoinCnsv_mailChk_contnr -->
</div><!-- myStdPage_contentArea -->

Page: "Online Membership Form"

<div>
<a id="nma"></a>
[cred_form form='form-for-new-membership-forms' form_name='New Membership Application Form']
</div>

I really think something in a recent Views update is suspect, as I mentioned before, I had not changed any of the code for this form for at least 3-4 months.

Anyway, now you know how we get to the form. (I hope that clarifies it.)

Jeff
-------------

[Nigel]

Hi Jeff

Thanks for clarifying, although it seems the View and content template are something of a red-herring, as it would be possible to just go directly to the page hidden link to submit the form without first visiting the Join CNSV page.

And I can't spot anything problematic with it.

Did you check the browser console for JS errors when submitting the form? That seems more likely than a PHP error, but you could also check your debug logs.

If they don't reveal anything, I think I'll need a copy of your site to test locally and to provide to my colleagues for further debugging if necessary. Can you provide a dupicate? hidden link

[jeffS-2]

Hi Nigel -

1. The View and Content Template were in place there was originally a downloadable PDF membership application form. I added this online form about 18 months ago, and it has been working fine. There were 21 new applications submitted with the new online form with no problems. There hasn't been any forms submitted in the last few months, so I don't know exactly when this stopped working properly.

2. Ignoring all the join propaganda, you are able to go directly to the online-membership-form page and fill out the form with the same result, where the "Thank you for submitting your application..." message still does not display, but the form is properly submitted, and the notification emails are properly sent. Please try doing that.

3. I did find a js error in a function for counting characters in the form field: Primary Expertise, but even after disabling that function, the issue still continues.

4. However, there are a few other js errors on the page listed as: "[Error] The source list for Content Security Policy directive 'script-src' contains an invalid source: ''strict-dynamic''. It will be ignored." I assume they really are ignored, and they don't appear to be the kind of error that might affect this issue. I sort of understand what the error means but, not sure where it is coming from, or how to fix it.

[Nigel]

Yes, none of those JS warnings seem significant, there are no actual errors that should interfere with the form submission (which in any case seems to be fine, it is the displaying of the message subsequently that is the issue).

Can I get a copy of the site?

Let me mark your next reply as private, and I can grab a copy myself if you like.

[Nigel]

Hi Jeff

First, I found that switching the form submission to via page reload rather than ajax fixed the problem, you might want to adopt that on the live site before going any further.

I couldn't determine what was the problem with your form.

I created a new test form with the default content and found that it had the same problem.

This was also the case after disabling all plugins except Types and Forms.

But, the issue was resolved after switching to the twentynineteen theme.

I then confirmed it was the child theme that is the problem, it also worked correctly when using the parent theme.

I suggest you review the child theme to identify the cause. That may mean commenting out sections of custom code if it is not obvious reading through the child theme's functions.php.

Let me know what you find.

[jeffS-2]

My issue is resolved now. Thank you!