Contact Form – Required Field

• 

  fatfanatiq · Member · Jun 24, 2020 at 12:38 am

  • Copy link
  • Add topic to favorites

  Hi! I am making a contact form. But I cannot quite get the ‘CHECKBOX’ to be required (*). Is there any way to require the sender to check the box first before he/she can submit the message?

• 

  writer0001 · Member · Jun 24, 2020 at 10:22 am

  • Copy link

  Hi there,

  If you click on the Checkbox within the form, the block menu for that checkbox will appear. Click on the * icon and that will cause it to be required.
  If you can’t find that, open the block settings and find the option there under the Field Settings.
  Please tell us if you are having trouble doing this.

  I hope this helps!

  Just a reminder that this forum is for WordPress.com hosted websites. If you use the open-source WordPress software, you’ll need to go to their forum to get help: https://wordpress.org/support/forums/
  If you want to know more about the differences between WordPress.com and the WordPress software you can read the support post:
  https://wordpress.com/support/com-vs-org/

• 

  fatfanatiq · Member · Jun 24, 2020 at 1:50 pm

  • Copy link

  Hi! That’s apparently my problem, I can’t find the * icon nor the option in the Field Settings.

• 

  writer0001 · Member · Jun 24, 2020 at 2:44 pm

  • Copy link

  All right. This thread has been tagged for staff attention, so they’ll be able to guide you :)
  It may help if you share the URL of your site.

• 

  staff-blorbo · Staff · Jun 24, 2020 at 10:32 pm

  • Copy link

  What is the URL of the page with the contact form you’re working on?

• 

  fatfanatiq · Member · Jun 25, 2020 at 3:08 am

  • Copy link

  Hi there! Thanks for the response.
  I am working on https://fatfanatiq.wordpress.com/befeaturedapplication/ the site is still not launched. Thank you for helping me with this. :)

• 

  kokkieh · Staff · Jun 25, 2020 at 6:46 am

  • Copy link

  Hi there,

  It appears this option doesn’t appear if you have only one checkbox. This is a bug, and has already been fixed over in the Jetpack plugin where this block comes from. It should be fixed on WordPress.com as well once the Jetpack update containing the fix is released.

  Meanwhile you can add the required option by modifying the form’s HTML directly.

  In the editor, click the … icon top-right, and select the Code Editor option. Look for this line in the post:

  <!-- wp:jetpack/field-checkbox {"label":"I have read and agreed to the Terms and Policy of FAT Fanatiq and the Be Featured program.","defaultValue":false} /-->

  Change that line to:

  <!-- wp:jetpack/field-checkbox {"label":"I have read and agreed to the Terms and Policy of FAT Fanatiq and the Be Featured program.","required":true} /-->

  Then exit the code editor and update the page.

• 

  kokkieh · Staff · Jun 25, 2020 at 7:03 am

  • Copy link

  Okay, the fix has actually just been applied for WordPress.com, so you should be able to mark that field as required without having to modify the HTML now.

• 

  fatfanatiq · Member · Jun 25, 2020 at 7:42 am

  • Copy link

  Thank you so much for your help with the HTML and the fix!
  I really appreciate it, I’ve been wondering why there wasn’t any * icon. Thanks!!