forms – Page 63 – Tarik Billa

Get $_POST from multiple checkboxes

October 25, 2022 by Tarik

Set the name in the form to check_list[] and you will be able to access all the checkboxes as an array($_POST[‘check_list’][]). Here’s a little sample as requested: <form action=”test.php” method=”post”> <input type=”checkbox” name=”check_list[]” value=”value 1″> <input type=”checkbox” name=”check_list[]” value=”value 2″> <input type=”checkbox” name=”check_list[]” value=”value 3″> <input type=”checkbox” name=”check_list[]” value=”value 4″> <input type=”checkbox” name=”check_list[]” value=”value 5″> … Read more

How to make ‘submit’ button disabled?

October 25, 2022 by Tarik

As seen in this Angular example, there is a way to disable a button until the whole form is valid: <button type=”submit” [disabled]=”!ngForm.valid”>Submit</button>

disable all form elements inside div

October 25, 2022 by Tarik

Try using the :input selector, along with a parent selector: $(“#parent-selector :input”).attr(“disabled”, true);

What is the default form HTTP method?

October 25, 2022 by Tarik

It’s GET. Take a look W3C Superceded Recommendation 17.3 The FORM element. Excerpt: <!ATTLIST FORM %attrs; — %coreattrs, %i18n, %events — action %URI; #REQUIRED — server-side form handler — method (GET|POST) GET — HTTP method used to submit the form– enctype %ContentType; “application/x-www-form-urlencoded” accept %ContentTypes; #IMPLIED — list of MIME types for file upload — … Read more

How can I listen to the form submit event in javascript?

October 24, 2022 by Tarik

Why do people always use jQuery when it isn’t necessary? Why can’t people just use simple JavaScript? var ele = /*Your Form Element*/; if(ele.addEventListener){ ele.addEventListener(“submit”, callback, false); //Modern browsers }else if(ele.attachEvent){ ele.attachEvent(‘onsubmit’, callback); //Old IE } callback is a function that you want to call when the form is being submitted. About EventTarget.addEventListener, check out … Read more

How to send a JSON object using html form data

October 24, 2022 by Tarik

Get complete form data as array and json stringify it. var formData = JSON.stringify($(“#myForm”).serializeArray()); You can use it later in ajax. Or if you are not using ajax; put it in hidden textarea and pass to server. If this data is passed as json string via normal form data then you have to decode it. … Read more

What is the _snowman param in Ruby on Rails 3 forms for?

October 24, 2022 by Tarik

This parameter was added to forms in order to force Internet Explorer (5, 6, 7 and 8) to encode its parameters as unicode. Specifically, this bug can be triggered if the user switches the browser’s encoding to Latin-1. To understand why a user would decide to do something seemingly so crazy, check out this google … Read more

Disable submit button when form invalid with AngularJS

October 23, 2022 by Tarik

You need to use the name of your form, as well as ng-disabled: Here’s a demo on Plunker <form name=”myForm”> <input name=”myText” type=”text” ng-model=”mytext” required /> <button ng-disabled=”myForm.$invalid”>Save</button> </form>

HTML Form: Select-Option vs Datalist-Option

October 23, 2022 by Tarik

Think of it as the difference between a requirement and a suggestion. For the select element, the user is required to select one of the options you’ve given. For the datalist element, it is suggested that the user select one of the options you’ve given, but he can actually enter anything he wants in the … Read more

using href links inside tag

October 23, 2022 by Tarik

UPDATE 2022: This answer is fine but really in 2022 we shouldn’t be doing this anymore! UPDATE (May 2020): Someone asked in the comments why I wouldn’t advocate this solution. I guess it’s a question of semantics. I’d rather my users navigate using <a> and kept <select> for making form selections because HTML elements have … Read more