Question

99

Bypass HTML required attribute when submitting

rated 0 times [ 105] [ 6] / answers: 1 / hits: 40183 / 11 Years ago, tue, september 10, 2013, 12:00:00

I use required for a 1st check before submitting a form.

<form action=myform.php>

  Foo: <input type=text name=someField required=required>

  <input type=submit value=submit>

  <input type=submit value=ignore>

</form>

Problem is, that I have an ignore button, which submits the form as well and the backend logic then sets a correct state in a DB. In this case (ignore) the validation is not desired (because there is no need to fill in field Foo).

What's the best way to handle the 2 scenarios?

I am aware that I could give up required and do the validation somewhere else (backend / JavaScript). I am looking for a way to keep the required.

I could use some Js onclick for the ignore button scenario and remove the attribute just before sending the form ( https://stackoverflow.com/a/13951500/356726 ).

But actually I am looking for something smarter ....

--- Edit ---

Yes, duplicate of Required attribute HTML5

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

dominickmackenziet

Add To Favorites

Follow

Total Points: 583

Total Questions: 101

Total Answers: 117

Location: Saint Lucia

Member since Wed, Feb 8, 2023

1 Year ago

dominickmackenziet questions

1 How to keep user logged after browser closing in React - Express?

Fri, May 20, 22, 00:00, 2 Years ago

1 Why do I get an Unhandled Promise Rejection with await Promise.all

Tue, Jun 1, 21, 00:00, 3 Years ago

1 Convert Maybe< string>[]' to 'string[]

Wed, Apr 7, 21, 00:00, 3 Years ago

1 (0 , _reactRouterDom.useHistory) is not a function

Fri, Feb 12, 21, 00:00, 3 Years ago

1 How to execute API call after entering 3 characters in field?

Fri, Aug 7, 20, 00:00, 4 Years ago

View All

answered 11 Years ago nia · Accepted Answer

No JavaScript, no second form needed, and the validation can stay:

For exactly this use case the HTML5 spec has designed the formnovalidate attribute for submit elements (like <input type=submit>), as one of the attributes for form submission:

The formnovalidate attribute can be used to make submit buttons that do not trigger the constraint validation.

So simply put

<form action=myform.php>

  Foo: <input type=text name=someField required>

  <input type=submit value=submit>

  <input type=submit value=ignore formnovalidate>

</form>