Questions tagged [form]
An HTML form is a section of a document containing normal content, markup, special elements called controls and labels on those controls.
377
questions
1
vote
1answer
59 views
How can I upgrade my validation in JavaScript?
How to improve my validation in JavaScript?
Namely I am wondering whether some parts of code can be shortened, improved, or removed althogether.
I don't want to change the ES5 syntax because so far I ...
1
vote
0answers
64 views
NextJS API endpoint for a 'form backend' service
(This is using NextJs but there was no tag for that available)
I'm building a form backend service, similar to Formspree. The user can create a form however they like on their frontend and submit it ...
6
votes
1answer
89 views
Basic login system with 2 factor authentication
What I try to achieve
I need to create a administration-panel for a website. Therefore, I need a possibility to protect the content of the panel via a password. The functionality doesn't have to be ...
4
votes
1answer
178 views
Displaying Media with HTML and JavaScript
I have a personal website that I use to share videos and images with friends. Below is a media generator using JavaScript and HTML. Its main purpose is to display one image at a time at the click of a ...
3
votes
0answers
35 views
Validating a file input whose value is reset to empty string (“”) after selection
My form comprises of a mandatory file input.
The form is validated according to the jQuery validate plugin.
The file input has attribute required so that the ...
2
votes
2answers
177 views
jQuery form.find radio class
In my application we have four inputs radio controls and on the load the value is checked to true. When the user select another radio and then save the form I want to get the new value. I am using the ...
2
votes
0answers
41 views
Credit Card Form using RXjs
I am trying to improve my skills and I'd like to work on avoiding bad practices and mistakes.
Can anyone skim over my code and point out what should have been implemented more efficiently or in a ...
3
votes
0answers
52 views
Reduce cluttering in a VPN initialization dance implementation (html, xml extraction and api calls) in Go
I'm still rather new to Go and I wanted to convert a part of a Python script I wrote a while ago to perform the VPN initialization dance (basically a set of API calls + parsing to fetch an auth cookie ...
1
vote
0answers
165 views
React Native form for entering one-time password [closed]
Here is the React Native code to optimize: it's an OTP form. I want it to be as small as possible.
...
2
votes
0answers
117 views
Angular forms - reactive vs. [(ngModel)]
I am developing this angular app and it has big forms with 100 + fields. I was thinking about using [(ngModel)] without reactive forms, so that it's easier to do ...
5
votes
2answers
264 views
Calculator app in React
This is a simple calculator app that involves entering two numbers and allowing them to be editable and swappable. Calculations are done on the numbers, so the calculations should only be done when ...
0
votes
0answers
29 views
Using multiple dropdowns that have a single source of options
This code works as is but I'd like to learn if there's any way it could be simplified or cleaner looking.
There are 3 dropdowns. Each dropdown's list of options are based on a single array of options....
4
votes
0answers
42 views
Form deserializer for Python Flask
I've started working on a small Flask project for no real reason other than fun, and pulled myself back on form validation. I realize that there are existing libraries like WTForms, but wanted to try ...
2
votes
0answers
67 views
jQuery validation for multi-page registration form
I use JS/JQuery validation for radioboxes, input field etc. Because of AJAX I use one global validation (in a separate file) and 4-5 other files to coverage actions in a relevant registration form ...
3
votes
1answer
64 views
Basic input system for a few form fields
I am attempting to port a linear function that I designed in a spreadsheet into HTML and Javascript. It's based on linear least squares where I have to take a Matrix and multiply it by its ...
2
votes
1answer
40 views
Date prompt React.js component
I have created a date component (working GIF at the bottom; please ignore the styling).
There isn't a problem with the working of the code but rather the code I wrote seems messy and something hard ...
2
votes
1answer
55 views
PHP LDAP credentials validation and error handling
I developed this group of scripts to validate users againts a LDAP server and presenting the appropiate message to the user after sending the information.
I wonder if I'm handling everything properly ...
4
votes
0answers
125 views
Vuejs - input validation
I'm in a project that's currently using vue. I'm at the moment developing validations for the inputs and in a way to make them more flexible, my idea was to create an intermediate component "Group ...
1
vote
0answers
246 views
Putting a multichoicefield under a dropdown button
I am building a web app in Django where one of the form fields is a multiplechoicefield from a many2many object that I use to select users that are allowed to edit the post. In standard form the field ...
2
votes
1answer
546 views
Submit random choices on Google form
I've written a Python script that randomly selects radio buttons for each question, and submits the google form. My main questions for improvement are:
Algorithm: I collect all the buttons into a 2D ...
1
vote
2answers
64 views
Secure a class for an hydratation from ma form POST
I use PHP classes for managing users accounts and I wonder if what I'm doing is correct.
I directly use the $_POST['form'] for hydrate ...
2
votes
2answers
54 views
jQuery redirect form
I'm using jQuery to create a (hidden) form that redirects people to another page using JavaScript.
...
5
votes
4answers
380 views
Calculate Final Grade: follow-up
I'm creating an online calculator to get the average grade of different tests my students take and also the final grade. I wonder if you see any problems in this update or any way to improve it:
<...
3
votes
4answers
986 views
Calculate inputs average
I'm creating an online calculator to get the average grade of different tests my students take. I wonder if you see any problems in the following code or any way to improve it:
...
2
votes
0answers
4k views
React hook “select all” checkbox implementation
This is a select-all checkbox (and checkboxes that it controls), that's usually found in tables/lists.
Two things I'm concerned about:
I'm returning elements from a React Hook - is that OK to do? As ...
1
vote
0answers
24 views
jQuery plugin for allowing only digits to be entered in html form input
I wrote this small jQuery plugin to set some fields so that they allow only 0-9 digits to be entered.
I intended to do that by preventing user from typing, pasting or dropping non-digit content.
It ...
2
votes
1answer
114 views
HTML form with confirmation before submission
I'm creating a website about an auto show that the user is going to. I'm collecting input from them via textboxes, check boxes, radio buttons, etc. I'm presenting them with a confirmation that the ...
2
votes
0answers
60 views
Textbox validation component
My intention is to have a component that serves as a textbox wrapper and able to set the error state, error message, and allow the parent to pass a function that sets its local error as I did not see ...
1
vote
1answer
464 views
Using a form with formsets in Django
I'm learning Django and making my (technically second) project.
The project features several apps, including player_interface and manager_interface.
Here's the player_interface/models.py:
...
0
votes
1answer
1k views
On form inputs focus, show div. hide div on blur for multiple inputs and hidden divs
I posted a question on Stack Overflow and got an answer that works but has a lot of duplicated code. In the future, the functionality may also require a third or more divs to be shown or hidden. The ...
2
votes
1answer
196 views
Stripe payment form
I have a stripe payment form and when I use different forms that get hidden, I must use separate IDs for the form to appear. I have found a way to do this but looking to simplify the code if this is ...
1
vote
1answer
27 views
Processing form values for each day of week [closed]
I am using PHP, and I am getting the value back from the form. Since I am working with time, I have an array by (1 x 4) x 7, and I feel like I could do a better job at it. I just don't know exactly ...
1
vote
2answers
79 views
jQuery code to detect whether form fields have the default value when a checkbox is unchecked
How could I rewrite this jquery code to compact it in a more elegant form:
...
4
votes
2answers
188 views
C# classes for adding form components dynamically
I'm currently reading on how to implement design patterns. I'm trying to implement the design patterns but need help on whether my understanding is correct.
I have a windows form in C# project that ...
3
votes
1answer
46 views
Note Tool - Fill text box with template
I've been working on a note tool for my company to help streamline verifying and noting accounts. I've added in extra features that help with different aspects of the job as well.
I'm wondering if ...
0
votes
1answer
616 views
Preparing form data for a POST request with fetch
Acquiring a form’s data for asynchronous POST requests has been a long-standing problem. There is the FormData API, but there are still some obstacles when the form’s data is encoded as ...
1
vote
1answer
82 views
Drop-down selectors for state and city
I have this old code and I want it to be easier to understand. Originally, it loaded using an onload on the opening body tag, so I managed to change that to a window.onload, but now redundant code is ...
2
votes
1answer
77 views
User form validation using a POPO
I'm trying to sketch out a stripped down generic form validation example. I started by creating Plain Old PHP Objects (referred as POPOs) for form input with some classes such as a validator and html ...
1
vote
1answer
73 views
Auto generate database table
I have written my own little auto-generated table class, and I was wondering if you guys can give me some tips on how to make this code more elegant and secure and maybe compact it so I use only one ...
1
vote
1answer
1k views
React multi-select-like component with filter
I am new to react (and javascript in general) but am enjoying learning it.
I have decided to make a little multiselect component which should work as follows:
I start with my data in one list, when ...
2
votes
1answer
2k views
Purchase tickets calculation with JavaScript
I'm creating a page where users can purchase an adult, child or senior ticket, each with it's own pricing.
Here's the code for review. Please let me know if there are ways to improve upon this code. ...
1
vote
1answer
84 views
Check PHP validation code
I have made a form in HTML and the form data should be send via email.
For that purpose I have created a PHP script.
I did read a lot about the importance of form validation in order to prevent ...
2
votes
2answers
8k views
Form for OTP entry with six single-character text fields
I am working on an app in which I have to pass 6 digits OTP through 6 textFields in which you to provide only one character and after that it automatically goes to ...
2
votes
1answer
88 views
Password reveal functionality
I have made a password reveal feature, however the code is duplicated. Essentially all I want to be able to improve the code, however I'm not exactly sure how I could do this, all I know is it would ...
1
vote
0answers
308 views
React form to add contacts to an app
I was recently building a form to add contacts to a play app I'm making and I finally got it to work. The problem is I'm not too happy with it.
It's my first time building an application with React, ...
2
votes
2answers
79 views
Dynamically displaying or hiding checkboxes based on region selection country. Also select All / None included
This is basically my first real venture into JS coding ... I think what I have put together here is quite long-winded and could be streamlined but I'm not quite sure how.
I have a table with Columns &...
7
votes
2answers
500 views
Cake-ordering form and calculator
I’m a designer learning to code and I’ve built a simple form calculator for ordering cakes.
I would love it if you could show me how to make the code more idiomatic. How can it be more consistent, ...
7
votes
1answer
3k views
Get checkbox value of unchecked checkboxes in a table
I have a table where a user can (un)check checkboxes among other features in each row.
I faced the problem that I don't receive unchecked checkboxes to my backend.
This led to a bigger issue since ...
3
votes
2answers
2k views
Simplifying Counter of Checked Checkboxes
Is the following code a proper solution to my problem? I have a feeling it can be simplified quite a bit.
If one of the first four checkboxes is checked the sum is 1; if two 1.5; if three 2; if ...
0
votes
1answer
88 views
React component wrappers for form fields with 90% similar code
I have a number of these components, but will show just two as an example. They're very similar, but the differences are enough to where splitting them out felt needed. What I really need is some help....
