Questions tagged [forms]

A structure acts as a receptacle capable of containing varying quantities and subsets of diverse data types. In the realm of web development, HTML forms serve as a conduit for transmitting information to a server. On the other hand, VB and C# forms represent the graphical windows employed for interacting with users on Windows platforms.

"The issue with the jQuery form is that it is not functioning as intended. It seems that the ajax

When attempting to utilize jQuery form, I encountered an error stating that ajaxForm is not a function in the console. The jquery.form.js file is correctly included and the code is within a document ready function... Here is the provided script: $("#appl ...

Input field, upon receiving focus, triggers a subtle shift in the position of the submit button

Thank you for the assistance, I believe this issue should be an easy fix. I have added a custom :focus style to my input that removes the default outline and adds a box shadow and border. However, when the input field is focused, the submit button located ...

Remaining authenticated with Selenium through Python

While using Selenium, I am facing an issue where I log into a website successfully but when I try to navigate to another page on the same site, I find that I have been logged out. I suspect this is due to my lack of understanding about how the webdriver.F ...

Verification of three-dimensional password format with the use of AngularJS

I am trying to implement password validation in Angular.js that requires a combination of alphabetical, numerical, one upper case letter, one special character, no spaces, and a minimum length of 8 characters. How can I achieve this using Angular.js? Here ...

Retrieving input data from FormSubmit command

I have implemented Formsubmit to manage forms on my websites, but I do not want users to be redirected to another page when submitting the form. My website is hosted on Netlify and when I tested the forms, I did not receive the information in my email. I a ...

The following step is the 13.4 API server action route

Currently, I am in the process of developing an admin panel utilizing Next.js 13.4 version. However, I have encountered a peculiar issue with a 405 error that I am trying to troubleshoot. export default function NewProduct() { const [title, setTitle] = u ...

Creating a Form with a Custom Format in AngularJS

Just starting out with AngularJS and currently working with ACTIVITI. I'm looking to create a form in a specific structure where each response follows this format: { "taskId" : "5", "properties" : [ { "id" : "room", ...

Saving form data with a tinymce textarea, radio button, and checkbox to the database

My form contains multiple textarea fields, radio buttons, checkboxes, and a select input. Initially, I was able to submit the form using PHP without any issues. However, when I integrated TinyMCE with one of the textareas, I had to introduce JavaScript to ...

Automatically populate the next dropdown menu depending on the answer provided in the previous field

Can you help guide me in the right direction with 2 questions I have? If the answer to the first question is 1, then I would like the following answer to automatically be populated as Yes. Please assist me! <div class="field"> <!-- Number of Em ...

What distinguishes submitting a form from within the form versus outside of it?

When the code below, you will see that when you click btnInner, it will alert 'submit', but clicking btnOuter does not trigger an alert. However, if you then click btnInner again, it will alert twice. Now, if you refresh the page: If you first click btnO ...

Convert a form into plain text utilizing CSS with minimal usage of jQuery or Javascript

I am working on an HTML page which has a form with various tags such as checkboxes, dropdowns, and more. When a button is clicked, I want to display the same form as plain text in a popup using jQuery dialog. Currently, I have managed to show the form in ...

Tips for inputting a phone number into a form using Python

Can someone help with automating the completion of the application form below using Python? enter image description here I am struggling to fill out the phone number field in the form. The last name, first name, and email are randomly populated from the ...

The Validators.pattern in Angular fails to match when comparing two different versions

I encountered a unique scenario where I need to validate either a datetime format or an empty string. Both should be accepted inputs, but any malformed or incomplete datetimes should fail validation. myForm = this.form.group({ ... ts: [&apos ...

Users are directed to various pages based on their specific roles

I am currently working on implementing a simple authorization system using an array to simulate a database. Let's say I have an array with information about two individuals: const users = [{ info: 'First person', login: 'firstPerson', ...

Unexpected output received from PHP form

I'm new to coding and I have a question, even though it may seem silly. I've been following a tutorial on YouTube, but my code isn't working as expected compared to what the mentor is demonstrating. <?php if (isset($_POST['subm ...

Partial functionality achieved by integrating Bootstrap for a modal form in Rails

Having an issue with a form in a partial view on Rails 3.2.3 utilizing the bootstrap 2.0.2 modals #myModal.modal .modal-header .close{"data-dismiss" => "modal"}= link_to "x", root_path %h3 Add Tags .modal-body = form_tag '/tagging', :re ...

When using the jQuery ajax function to validate a form, it is important to note that the $_POST variables

I have an HTML form along with a jQuery function for form validation. After submitting the form values to my PHP files, I notice that the $_POST variable is not being set. What could be causing this issue? <form id="signup" class="dialog-form" action= ...

LiveValidation plugin causing issue with removing dynamically inserted elements

My form validation is powered by the Live Validation plugin. After submission, the plugin automatically inserts a line of code like this one: <span class=" LV_validation_message LV_valid">Ok</span> However, I encountered an issue when trying ...

Google Chrome Back Button not saving radio button selections

We have noticed an issue with Google Chrome wherein the back button does not retain radio box selections when submitting a form that contains all radio boxes. This seems to be specific to Chrome and is not observed in other browsers like IE and Firefox. B ...

When submitting an Asp net mvc Form, some fields may not be posted as expected

I'm facing an issue with my ASP.NET MVC application form. Some fields that should be posted are missing, and I can't figure out why. <form id="FormRegistroUsuario" action="/Account/AdminSecurityUserAccountAdd"> <fieldset> <legend ...

V-For with a Twist: Dynamic V-Model

UPDATE Here is a recreation of the issue I am facing I need to dynamically bind with the correct index, how can I achieve this? CLICK THE CODEPEN LINK ABOVE FOR THE OLD CODE CLICK THE CODEPEN LINK ABOVE FOR THE OLD CODE <template> <div> ...

App script: Extracting HTML form data from a web application

I have been trying to work on a script that involves taking input from an HTML form and processing that data in order to populate a Google Sheet. Unfortunately, I haven't had much success with it so far. Here is the code I have been working on: Index ...

What are some strategies for accessing the original values of form components that have not been altered when using ngModel?

I am currently developing a form and I intend to utilize the previous values as "value" in the form. By employing ngModel dynamically, I am able to change some properties. However, I have encountered an issue where the field that remains unchanged by the u ...

`Balance in structure`

Having trouble with CSS. I would like to make this form symmetrical. Buttons should be in one column, textfields in another, and the question mark should also have its own column. Apologies if the ticket structure is not perfect, this is only my second on ...

Issue with PHPMailer on localhost; Error 503 received after clicking "submit" on the domain, email delay of 4 minutes experienced

I've been troubleshooting this issue for two days now. The code runs smoothly on my xampp Apache localhost, sending emails immediately. However, when I try to submit the form on my domain, it just keeps loading and eventually times out with a "503 Service ...

invisible recaptcha with synchronous ajax

Hey, I'm trying to figure out a solution on how to obtain the token or a valid response from Recaptcha and then proceed with running the ajax call. Does anyone have any suggestions on how to achieve this in a synchronous manner? Here's the process that ne ...

Storing chosen choices from various select lists with similar class name in JavaScript

I am struggling to save all the selected options in an array for future output. Despite trying various suggestions, I haven't been able to make it work yet. The class names and names cannot be modified. HTML <select class="addon addon-select" name="ad ...

Testing the ControllerAs syntax when dealing with forms in AngularJS

I am currently facing a situation with Angular that has left me quite puzzled. Controller function Controller () { // form used in template this.form ... } Template containing a form and utilizing the above controller Template <div ng-contr ...

Using AJAX to process PHP form submissions

Here is the script in the head of my document: <script> $(function () { $('form#ratingsform').on('submit', function (e) { $.ajax({ type: 'post', url: '/dev/scripts/ratevideo_vibrary.php& ...

utilizing javascript once form elements are dynamically inserted

While dynamically constructing form elements, I encountered an issue with generating unique IDs when the form is submitted. Everything works fine except for the JavaScript function responsible for populating the year in a dropdown selection. The issue ari ...

When HTML/JS code is utilized, the submit button or image should function to open the same page as

In addition to the left and right mouse buttons, you also have a middle mouse button. If you click on an image or hyperlink with this middle mouse button while browsing any website, it will open a new window in the background. Now, I want to achieve a sim ...

Tips for retrieving return values from an ajax form submission

When using ajax to submit a form, I encountered an issue where the process would halt at api.php and not return to the ajax success. Below is the code snippet: <form method="POST" id="form_1" action="../api.php" enctype="multipart/form-data" novalidate ...

Formulate a targeted search request according to the selected radio button option

I'm working on a form that looks like this: <form> <input type="text" id="searchedWord" class="form-control form-control-lg" value="words here"/> <button type="submit" id="f ...

Contact form repair completed - Messages successfully delivered

I am facing an issue with the contact form on my HTML landing page. Currently, when you click the 'Submit' button, it redirects to a new PHP page displaying 'Success'. Is there a way to make it so that upon clicking 'Submit' a ...

I am struggling to capture the user's input and display it on a webpage using HTML and JavaScript. Can you help me identify where I may be going wrong in this process?

Good day! I am fairly new to the programming world and have recently embarked on my first JavaScript project. I've chosen to create a simple budgeting app. However, I'm struggling with displaying user input on the page. Something seems off with ...

Express.js and Node.js middleware for validating all form submissions

Are there any middleware functions available for validating all form entries in node.js and express.js? I am interested in checking for special characters without having to validate each individual form field every time. Thank you! ...

Automatically submit form in Javascript upon detecting a specific string in textarea

Just getting started with JS and I have a question that's been bugging me. I have a simple form set up like this: <form method="POST" action="foo.php"> <textarea name="inputBox123"></textarea> <input type="submit" value="Go" name ...

Retrieve data from a database using Ajax and PHP's `.load()` method

I am facing a dilemma with updating a value from a database ($learner->idnumber). The scenario involves a form that posts to process.php upon submission (which then edits the database). The challenge is updating the PHP database value $learner->idnumber ...

How can I use jQuery to show the text value of a selected checkbox, dropdown menu, and flipswitch in a popup?

This form's HTML is set up for input with a popup display feature upon submission. Currently, only text can be displayed in the popup. It doesn't show the text of selected checkboxes or dropdown lists - just numbers for the dropdown and "ON" for checkbox s ...

Add to the current values of the REACT Form template property

I am new to working with REACT and I have been exploring whether it is possible to append a REACT Form control property value in order to enhance its functionality. To streamline the validation process, I have created a validation template that leverages ...

Implement VueJS functionality to prevent form submission upon submission and instead submit the form upon keyup

My form has the following structure: <form id="myForm" action="/searchuser" method="POST" @submit.prevent="onSubmit(inputValue)"> <div class="field"> <label class="label">Name</label> <div class="control"> ...

.NET MVC - Preventing Ajax.BeginForm from being compromised

I am facing security issues with an Ajax-based form in my .Net MVC Web Application. Despite implementing Google reCaptcha, the form is still vulnerable to hacks and spam messages. @using (Ajax.BeginForm("ContactSend", "Home", null, new ...

Tips for keeping div and input tags selected even after a user clicks

I am working on a quiz script and I am trying to customize it so that when a user clicks on the div or input tags, they remain selected with a different background color. Currently, I have achieved changing the background color of the div when clicked, ...

Deactivate the button if the mat-radio element is not selected

Here is my setup with a mat-radio-group and a button: <form action=""> <mat-radio-group aria-label="Select an option"> <mat-radio-button value="1">Option 1</mat-radio-button> <mat-radio-b ...

Firefox is not allowing the form to be submitted at this time

My form is functioning correctly on Chrome and Safari, but not on Firefox. Solution Attempt #1 <form id="subscribe-form" class="footer-sign-up" action="/subscribe" method="POST"> <input type="text&q ...

Setting up scheduled MongoDB collection cleanup tasks within a Meteor application

After developing an app to streamline form submissions for my team, I encountered a problem during testing. Meteor would refresh the page randomly, causing loss of data entered in forms. To solve this, I devised a two-way data binding method by creating a ...

Using AJAX in TYPO3's TCA forms to create dynamic dropdown menus

I have created two drop down lists in my TCA forms. The first one is called Campus and the second one is called Department. I want the options in the Department list to change based on the selection made in the Campus list. Essentially, the items in the De ...

express-validator is inexplicably displaying "undefined" for values that are

When sending data to the server using fetch: const post = async(data)=>{ console.log(data) const response = await fetch("/comments", { method: "POST", body:JSON.stringify(data) }); return response.json(); }; The data is logged in the console as a sta ...

How to use the Enter key to submit a form in react.js with the help of "@material-ui/core/Button"

Here is the form I have created using the render method for user sign-in. <form onSubmit={this.handleSubmit}> <Avatar className={classes.avatar}> <LockOutlinedIcon /> </Avatar> <Typography component="h1" varia ...

Having an issue with receiving an "undefined variable" error message when trying to validate a form using PHP and AJAX

Upon loading my page, an error message appears: Notice: Undefined variable: titleErr in index.php on line 141 I have already initialized the $titleErr variable at the start of my PHP code, what could be causing this issue? PHP: <?php $titleE ...

Dealing with code issues in Subscription forms using AJAX and JQuery

Currently, I am independently studying jQuery and grappling with the Mailchimp Opt-In form code. Despite various existing queries on this topic, I am curious about why my own implementation, as a beginner in jQuery, is not functioning correctly. My intenti ...

AngularJS: Clearing form on click event

Is there a simple method recommended for resetting or reloading an HTML form with a click event in AngularJS? ...

Ways to attribute a numeric worth to a choice in a JavaScript form

I am in the process of creating a form that allows users to customize and order pizza while showing them the invoice as they make their selections. Currently, I have successfully implemented the display of user-selected options, but I am struggling with a ...

When attempting to use `$('.classitem').submit(function(event){event.preventDefault})`, the function fails to execute

I have a question I'm eager to find an answer to. Here is the code snippet I'm working with: $('.comment').submit(function(event) { event.preventDefault() Every time I try to submit it, the page reloads instead of submitting the form. The form has ...

Empty query issue in Node Express after submitting a form

After submitting a simple form, I would like to parse the URL. The form looks like this: form(method='post', action='/recipe/create') hr div div.input.text label(for='recipeTitle') Recipe Title: input(type='text', name='recipe ...

Converting CSV files into a serialized format for AJAX requests within an ASP application

I have created a form with a Kendo combobox and a Kendo file upload feature: @using (Html.BeginForm("Method", "controller", FormMethod.Post)) { <p> Choose a country to select: </p> @(Html.Kendo().DropDownList().Name("country") ...

Storing and accessing nested JSONB data in PostgreSQL within a Rails form

Upon realizing the lack of information on utilizing rails forms to store and retrieve JSON data, I encountered a specific issue: Within my form, I am creating a nested structure in JSON: = form_for(@car) do |cf| = cf.fields_for :locations do | locati ...

The index "visible" in $_POST has been flagged as not defined

I am currently developing a PHP project and have a form that needs to be submitted. The form code is as follows: <h2>Create Subject</h2> <form action="create_subject.php" method="post"> <p>Subject name: <inp ...

Manipulate the value(s) of a multi-select form field

How can you effectively manage multiple selections in a form field like the one below and manipulate the selected options? <select class="items" multiple="multiple" size="5"> <option value="apple">apple</option> <option va ...

A guide on implementing a new route when a user sends a form submission

As a beginner in Node and Express, I have been trying to find information on how to handle user profile creation in my app. After some research online, I realized that I may just need guidance on where to look. The main functionality of my app revolves ar ...

Submitting a form with multiple actions using Ajax

Is it possible to submit data from multiple forms on the same page to different API tables using AJAX for each form? I have one form that needs to write to one table and another form that needs to write to a different table. How can I achieve this with o ...

Submitting quiz responses through a PHP based form

I am currently facing an issue with integrating forms and a quiz on my website. Individually, both work fine but when combined, they do not function as expected. Specifically, the quiz itself operates correctly, however, it fails to send the results via P ...

Obtain the index of a selected option in a Select Tag using Node.js/Express

When you make a POST request with a form in Node.js/Express For example: <select name="selectname"> <option value="value1">Value 1</option> <option value="value2" selected>Value 2</option> <option value="value3"> ...

A step-by-step guide on ensuring mandatory completion of all input fields prior to form submission

I'm new to JavaScript and I need some help. Currently, I am trying to implement input field validation using pure JavaScript for a form. However, I am facing an issue where the "Required" message only appears next to the last name input. What I want is f ...

Is it possible for a PHP form to generate new values based on user input after being submitted?

After a user fills out and submits a form, their inputs are sent over using POST to a specified .php page. The question arises: can buttons or radio checks on the same page perform different operations on those inputs depending on which one is clicked? It ...

Chrome and Firefox provide excellent compatibility for running JavaScript, whereas Safari may encounter some issues. Opera's performance with JavaScript can be quirky

Disclaimer: I'm new to web design and development. I have encountered an issue with posting information from a form built on CodeIgniter using jQuery. The form posts successfully in Chrome and Firefox, with the current page automatically reloading. Howeve ...

Preventing data loss upon submitting a form (PHP)

Currently, I have an HTML file that allows users to select appointment times for specific days of the week. Once they click submit, a PHP file generates and displays a calendar with the chosen times as checkboxes. My goal is to enable users to input their ...

Is the CRSF protection compromised when a CRSF token is sent alongside an ajax request?

When submitting a form, I ensure security by checking for a CSRF token and validating it. Now, I want to maintain the same level of security when using ajax to submit the form. The ajax request does not actually submit the form itself; it simply sends da ...

Ways to include a simple authentication header in a form

Currently, I have set up a node server using the code from https://github.com/passport/express-4.x-local-example. I made a minor change by switching from app.get('/login' to app.post('/login' in my server.js file. In pug, I designed a login form based on ...

Retrieve information from an HTML form

Currently, I have a piece of Javascript that fetches the HTML for a form from the server using an XMLHttpRequest and then displays the form on the page. I am looking for a solution to extract the data that would be sent via POST if the form were submitted ...

Executing a form_open in CodeIgniter triggers a controller function passing an argument

Is it possible for something like this to happen? The standard syntax for form is: <?php echo form_open('controller_name/function_name');?> However, I have reached a point where I need to create a form controller function with an argumen ...

Despite the fact that `ng-show="true"`, it is still hiding due to having the class `ng-hide`

I'm a beginner when it comes to AngularJS, so I may be missing a straightforward solution to my issue. The challenge I'm facing involves working on a form with two inputs - one for the number of doors and the other for the number of windows. I have multipl ...

Maintaining the format of forms input in Rails and HTML: Tips and tricks

Hey there! I'm working on a Rails app that has a simple HTML form. One of the fields is called description, which is a text_area. I want to be able to display its input exactly as it was entered on the index page. For instance: If someone enters a l ...

obtaining data from various forms and showcasing it in the corresponding field according to the form's identification number

I have implemented 2 forms on a single page with different structures <div id="tabs-7"> <form action="/admin/languages" id="1" class="mainForm" method="POST"> <fieldset> <div class="widget"> ...

Submitting a Yii 2 form automatically when it loads

Pjax::begin(); $form = ActiveForm::begin(); echo $form->field($model, 'testdata', [ 'inputOptions' => [ 'class' => 'form-control input-xsmall input-inline' ], ])->label(Yii::t('app', 'Record ...