Category : forms

Merging subscription forms into 1

     forms, html, javascript

Instead of asking our clients to subscribe using multiple forms, I am trying to join the forms together with a checkbox option. Forms for the subscription service have unique Data-ID’s, otherwise they are identical. Form 1: <form class="form" id="subForm" action="https://WEBSITE/LINK/HERE" method="post" data-id="987ZXY"> <label>Email </label> <input autocomplete="Email" aria-label="Email" id="fieldEmail" maxlength="200" name="form" required="" type="email"> <button type="submit">Subscribe</button> </form> ..

Read more

How to input the data in the form when I type ?key=variable at url? [closed]

     forms, get, html, javascript, key-value

When the user type localhost/index.html?hiddenname=abcd at url, the system automatically updates the element"hiddenid"’s value. The below code is logically right but it fails. Thank you all. index.html <!DOCTYPE html> <html> <head> <script> function call(){ document.forms["form1"].hiddenname.value=hiddenname; console.log("function run"); } </script> </head> <body> <form name="form1" action="end.php"> <!– <input type="text" id="usernameid" name="user_name" value=""/> –> <input type="hidden" id="hiddenid" name="hiddenname" ..

Read more

I’m having problem submitting form using ajax in php

     ajax, forms, javascript, jquery, php

<div class=’modal fade collabform’id=’collabrequest".$useremail."".$postid."’ tabindex=’-1′ role=’dialog’ aria-labelledby=’Title’ aria-hidden=’true’> <div class=’modal-dialog modal-dialog-centered’ role=’document’> <div class=’modal-content’> <div class=’modal-header’> <h5 class=’modal-title’ id=’Title’>Collab</h5> <button type=’button’ class=’close’ data-dismiss=’modal’ aria-label=’Close’> <span aria-hidden=’true’>&times;</span> </button> </div> <div class=’modal-body’> <form method=’POST’ action=” id=’collabForm’ > <textarea rows=’3′ class=’form-control’ name=’collab_message’ id= ‘collab_message’ placeholder=’Proceed by sending a message.’></textarea> <input value=’".$useremail."’ name=’useremail’ id=’useremail’ style=’display:none;’> <input value=’".$postid."’ name=’postid’ id=’postid’ ..

Read more

Can’t get the value of an form input

     forms, javascript, node.js, pug

I am using a pug template to expose an array of objects, formatted as a table. Here is the pug template: each trans,index in property.transactions .tr .td input.transInput(type="text", name=`salesPrice${index}`, id=`salesPrice${index}`, value=(trans.salesPrice).toLocaleString(‘en’, { style: ‘currency’, currency: ‘USD’, minimumFractionDigits: 0, maximumFractionDigits: 0})) I am trying to build a RestAPI to make edits, but when I try to ..

Read more

How to add a field of form to an array?

     antd, forms, javascript, react-native, reactjs

My form structure is in react and uses ant design form. It looks like this : const fn=()=>{ const formData = useRef(null); const [formA] = Form.useForm(); return ( <Form> form={formA} <Form.List name="userCities"> {(fields, { add, remove }) => ( <> {fields.map(field => ( <Space key={field.key} style={{ display: ‘flex’}}> <Col><Row> <Form.Item {…field} label="Cities" name={[field.name, ‘userCities’]} fieldKey={[field.fieldKey, ..

Read more