Php – Symfony rendering hidden form fields

formsPHPsymfony

The documentation suggesting making a form class based on your classes, so forms can be reused. It also shows you how to render different fields independently from your form class rather than rendering all of them using {{ form_widget() }}.

As I am building a simple sign up page I only want to display a few of the fields from the User Form class so I render them like this {{ form_widget(form.email) }}.

However because im rendering the fields independently the hidden form field 'CFTOKEN' is not rendered which is required by the symfony framework. So ge the error : The CSRF token is invalid. Please try to resubmit the form.

Nothing in the doucmnetation mentions this or how to render hidden form fields independently…

Best Answer

<div style="display: none;">{{ form_rest(form) }}</div>

Will get your started. Once you get up to speed on S2 then you will find that there are plenty of alternatives.

For example, passing a parameter to your UserFormType's constructor will make it easy to control which fields are created.

Related Solutions

Html – How to disable browser autocomplete on web form field / input tags

Firefox 30 ignores autocomplete="off" for passwords, opting to prompt the user instead whether the password should be stored on the client. Note the following commentary from May 5, 2014:

The password manager always prompts if it wants to save a password. Passwords are not saved without permission from the user.

We are the third browser to implement this change, after IE and Chrome.

According to the Mozilla Developer Network documentation, the Boolean form element attribute autocomplete prevents form data from being cached in older browsers.

<input type="text" name="foo" autocomplete="off" />

JavaScript post request like a form submit

Dynamically create `<input>`s in a form and submit it

/**
 * sends a request to the specified url from a form. this will change the window location.
 * @param {string} path the path to send the post request to
 * @param {object} params the parameters to add to the url
 * @param {string} [method=post] the method to use on the form
 */

function post(path, params, method='post') {

  // The rest of this code assumes you are not using a library.
  // It can be made less verbose if you use one.
  const form = document.createElement('form');
  form.method = method;
  form.action = path;

  for (const key in params) {
    if (params.hasOwnProperty(key)) {
      const hiddenField = document.createElement('input');
      hiddenField.type = 'hidden';
      hiddenField.name = key;
      hiddenField.value = params[key];

      form.appendChild(hiddenField);
    }
  }

  document.body.appendChild(form);
  form.submit();
}

Example:

post('/contact/', {name: 'Johnny Bravo'});

EDIT: Since this has gotten upvoted so much, I'm guessing people will be copy-pasting this a lot. So I added the hasOwnProperty check to fix any inadvertent bugs.

Best Answer

Related Solutions

Html – How to disable browser autocomplete on web form field / input tags

JavaScript post request like a form submit

Dynamically create <input>s in a form and submit it

Related Topic

Dynamically create `<input>`s in a form and submit it