I have a questionnaire with 100 yes/no questions that are separated by 3 sections, and that I need to implement on a website. The goal is to create a multi-step form (each question will appear at a time) and then…
Normally the :invalid selector is evaluated instantly : The element will be styled immediately with :invalid for example if a value is required as soon as the page loads: input:invalid { border: 10px solid red; } <form> <p> Go red…
Here is my code: https://codepen.io/raakh/pen/wvRqRGX 'use strict'; $(function() { $("input[type='password'][data-eye]").each(function(i) { var $this = $(this), id = 'eye-password-' + i, el = $('#' + id); $this.wrap($("<div/>", { style: 'position:relative', id: id })); $this.css({ paddingRight: 60 }); $this.after($("<div/>", { html: 'Show',…
i'm creating a comment box with frontend in react; the main component has another one nested and one child. Here's the main component: import { useEffect } from 'react' import { useSelector, useDispatch } from 'react-redux' import { fetchComments }…
the thing is that the project is working before.. then all of sudden i started seeing 419 on all my post request and i have @csrf on all my forms too <form method="POST" action="{{ route('login') }}"> @csrf <div class="form_title pb-2">…
i just started with react, specifically i am trying to use forms, i tried to make a simple project, where i got a form component with some inputs, once i click the submit button it should pass the inputs value…
i'm currently working on an exercise for a class i'm auditing and i was supposed to make a form where the user inputs three numbers and those numbers get added up, averaged, and multiplied. after that, i'm supposed to display…
I need to check if at least one radio button has been checked when I click the button to continue to the next step of the form. I need it to be dynamic, so I can use it for all…
I am new in webdev and now learning to make new and small projects using HTML, CSS and Javascript. I have made a simple BMI calculator. In the calculator when a user supposed to give all the necessary inputs then…
I've spent the last day trying to figure this one out, with little progress made. I've successfully connected my app to a postgres database, setup the prisma schema and tested a migration with a seed.ts file. Now my route.js file…