php - how to handle multiple inputs from an HTML form

Question

I have this form on my project and I want to enable the user to input as many data as they want and then save this data to mysql table. I dont know how to process this on my php code. Can someone help me ?

<form name="frm9" action="<?php echo $_SERVER['PHP_SELF'];?>" onsubmit="return checknull3();"  method="post" >
  Operator Name            <input type="text" name="msoname">   <br><br>
  Number of households    <input type="number" name="msohhs">   <br><br>
  <input type="submit"  value="Add more"> 
</form>

I was thinking to stay on the same page and pass the data on the table when the users clicks on Add more button. Then clear the form and add some more data?

How can I implement this?

PS: My checknull function just checks for null input (all data must be filled).

When the user decides to add another field, what kind of data will the field contain? And in what way will that arbitrary field be stored in the MySQL table? — ಠ_ಠ
– ಠ_ಠ, Commented Jun 14, 2013 at 15:38
first input is a text and second a number. i have to process it somehow in php to add every input(text and number) to new line in the table — Marianna
– Marianna, Commented Jun 14, 2013 at 15:46

Florian F. · Accepted Answer · 2013-06-14 15:41:47Z

3

The usual way of doing this is :

Have a javascript function add fields dynamically on click on the "add more" button
Register your input names with brackets (i.e. name="msoname[]")
Submit your form as you'd submit a normal form
Iterate over $_POST['msoname'] (which becomes an array) in your PHP to find out all filled fields

answered Jun 14, 2013 at 15:41

Florian F.

4,70029 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Marianna Over a year ago

on submitting my form how the array will pass to php?

Florian F. Over a year ago

It will automagically regroup all your inputs named something[] under the same $_POST['something'] array in PHP.

Marianna Over a year ago

do i have to include jquery?

Florian F. Over a year ago

It makes it easier to do it with jQuery (especially about the cloning part). That's a peek of how i would do it : jsfiddle.net/29L4a . Hope it can help you as a kick start.

twitch · Accepted Answer · 2013-06-14 16:48:47Z

0

<form id="frm9" name="frm9" action="<?php echo $_SERVER['PHP_SELF'];?>" onsubmit="return checknull3();"  method="post" >
  Operator Name <input type="text" name="msoname" id="msoname">   <br><br>
  Number of households    <input type="number" name="msohhs" id="msohhs">   <br><br>
  <input type="submit"  value="Add more"> 
</form>

<script type="text/javascript">
       function checknull3(){
           if($("#msoname").val() == '' || $("#msoname").val() == ''){
                 alert("Enter all values");
                 return false;
           }else{
              $("#fm9").ajaxForm();
              $("#msoname").val() = '';
              $("#msoname").val() = '';
        }
</script>

answered Jun 14, 2013 at 16:48

twitch

2251 silver badge13 bronze badges

1 Comment

Marianna Over a year ago

Thanks twitch! i noticed you are using ajaxForm() ? . Unfortunately i know nothing about ajax/json/jquery :S

Collectives™ on Stack Overflow

php - how to handle multiple inputs from an HTML form

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related