Form made in ReactJs is not work with validation properly - reactjs

I have a ReactJs project which is made using a class based component.
Bug - I have a form which contains (name, subject, email and reCaptcha) . I want functionality when any of the fields remains unfilled , so the submit button should be disabled but still I am facing the issue of getting submitted.
please refer to it for code https://pastebin.com/ExrNs7fM

Related

Semantic React UI Pop Up not working when given an ID

Hello just a random technical question I'm currently working on a react project using the semantic-react-ui framework. I'm using the popup component to show additional information in a form group. My question is why does providing an ID to the field that's supposed to trigger the popup prevent it from working? Thanks!

How to create popup form properly in React?

I'm new to React and I'm building a login and register feature for my website. I want the user to click the login or register button and then the form will popup for user to enter their information. The first thing comes to my mind is using modal in bootstrap but I cannot enter anything in the input fields. Does it the right way to do a popup form in React?
I use react-modal(https://www.npmjs.com/package/react-modal) and redux-form(https://redux-form.com/8.3.0/) for this kind of works

Angular JS Form Validation when the form is not active

I am new to angular JS. I need help in the following case.
I am having an application which has a select box. It displays the list of products in the option. On changing the option, it displays different forms and the forms are dynamic. It means if I create a new product then only the forms are created. Now I need a way to validate the form fields for both the forms.
But the problem is when I select the laptop form, product form becomes undefined and vice versa. How can I validate both the forms together on the button click.
Please help me on this.

How to touch all fields in redux form when we pre-populate values into the form?

I am using a redux wizard form to allow the users to create an application form.
The users have the ability to save the form filling process mid way and come back and re-edit it.
The problem is , when the users try to re-edit the application form, I populate all the form fields from the values the user had saved. But redux form doesn't enable the next button as the fields are not touched in this case.
How do I resolve this issue?

prevent ngMessage from showing before the form is submitted

How can I prevent the ngMessages from showing up until the user has either focused on the input or the form has been submit?
You need to manually validate/invalidate the form.
Take a look at Using angular 1.3 ngMessage for form submission errors

Resources