HTML - Check Form Data Before Submitting To Cgi Script
Is there a connection between a form's "submit button" <input type="submit"> and it's "action/method/enctype" attributes <form action="url" method="post" enctype="text/plain">?
Is there a difference between "submitting" a form and "posting" a form or is it all interconnected? Does the form's "action/method/enctype" attributes have to be set to allow the "submit button" to do anything? Do the "action/method/enctype" attributes have to be triggered by a "submit button"? Once I understand how this all works, I want to run some checks on user entries/selections in a form when the user clicks the submit button. These checks will be carried out by a JavaScript function. If there are problems with the user's selections/entries I want to; 1) suspend submission/posting 2) alert the user to the errors they have made via an alert box 3) allow the user to make corrections, then they click submit again 4) test the user's selections/entries again 5) if user's selections/entries are now OK, submit/post the form data or if still not OK go back to step 2 above. Any hints on how to do this? Maybe I should forget the submit button and use a command button? Is there a "submit" method I can place in a JavaScript function? Similar TutorialsHi, Not sure how to explain it properly but i've got a php script which outputs a list of items in a div within my page. I want to be able to have that list form two collums. As if it were in two table TDs. Hope I've explained well enough.. Thank you. Okay I've made a Form using html, and I need help on how to Submit it. I used "mailto:" which was a mistake I think... It always opens Microsoft Outlook even when that person doesn't use it, and has to download it. The easiest way for me to get the submissions would be from email, but I need something that will let you pick an email client or something... Just something simple. Any help? Hello everybody, If I have a simple form that I need to constantly submit, is their a way where I can add some information to the URL that will automatically click "submit" for me, nothing in the form needs to be filled out. Here is a copy of the form: <form method="post" name="vali"> <input type="submit" name="vote" value="Submit Form"> </form> This is the current format of the URL (PHP) http://abc.com/?action=1234&id=5678 I would greatly appreciate any help. Thanks, DreAdeDLyNcH I'm having trouble with the submitting of a form. Here's my code: HTML Code: <form method="POST" action="example.php" name="r"> <br><br><table cellpadding="3%" cellspacing="0" width="30%" align="center"> <tr align="center"><td class="tablehead2" colspan="2">SCRIPT CHECK</td></tr> <tr align="center"><td class="mainnowidth2" colspan="2"><img src="captcha.php"></td></tr> <tr align="center"><td class="mainnowidth2">Enter Code:</td><td class="main2"><input type="text" name="code"></td></tr> <tr><td align="center" colspan="2"><input type="submit" class="subin" name="verify" value="Submit!"></td></tr> </table> </form> When i enter something into the text input and press the return key, the page loads but the script runs as if the POST data was never entered, but if i click the submit button or press tab and then return, it works fine. Can anyone suggest what the problem might be, and a possible solution? Thanks in advance for any help. Hi. I'm trying to clear a contact-form when when the user has pushed the submit button. Anyone know how to do this? The reason I want this is because a new window opens and tells the user that the message has been sent. And when this window is closed the message is still in the form. Hope i make myself clear Parashurama ooh, its been a long time since i had to ask a question in here. i have a form that just wants to redirect to the home page, no matter what the action is. HTML Code: <form id="contactForm" method="post" action="index.phtml?file=contact.phtml" enctype="multipart/form-data"> <input class="input" name="contact_name" type="text" onfocus="if(this.value == 'Name:') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Name:' }" value="<?php echo (!empty($_POST['contact_name']) && $_POST['contact_name']) ? $_POST['contact_name'] : 'Name:'; ?>" /> <input class="input" name="contact_phone" type="text" onfocus="if(this.value == 'Phone:') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Phone:' }" value="<?php echo (!empty($_POST['contact_phone'])) ? $_POST['contact_phone']: 'Phone:'; ?>" /> <input class="input" name="contact_email" type="text" onfocus="if(this.value == 'E-Mail:') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'E-Mail:' }" value="<?php echo (!empty($_POST['contact_email'])) ? $_POST['contact_email']: 'E-Mail:'; ?>" /> <textarea name="contact_message" cols="1" rows="1" onfocus="if(this.value == 'Message:') { this.value = ''; }" onblur="if(this.value=='') this.value='Message:'" /><?php echo (!empty($_POST['contact_message'])) ? $_POST['contact_message'] : 'Message:'; ?></textarea> <a href="#" class="right link1" onclick="document.getElementById('contactForm').submit()">Send</a> <a href="#" class="right link1" onclick="document.getElementById('contactForm').reset()">Clear</a> <input name="ContactSubmit" type="hidden" /> </form> and its not submitting. i think i messed up the link submits, what url shoudl be in there, when i put in index.phtml?file=contact.phtml it stays on the page but doesnt process. also, is the enctype correct for this type of post? also my doc type is xhtml strict, but i am going to have to satisfy a couple errors as far as that is concerned as well, its complaining about Quote: document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag when i change the action even to itself which is /contact.phtml it still redirects to the home page. i have to ask it, what obvious fundamental have i forgotton? EDIT, ok it must be in the link submits, when i delete the href tag out of it completely, it seems to be processing. i cant figure out why the # sign was in there, whats supposed to be there for a link submit? i trued a url and that didnt work right I have been trying to add a text field to a pre-existing form which is submitted to my email. It is an order form and I want to add an area for the user to input their country. It shows up on the webpage but when I get the information the user has submitted in my email the Country data is not coming through. The webpage is http://earfdn.org/form11.htm The problem is towards the bottom under the Ship To: title. Please help! And thank you so much for your time. So, I have made a form as a pre-LAN-event thing.. The problem is that I have never really used forms before and am not really that familiar with more advanced HTML besides simple layout stuff.. So my question is, how do I take the information from this form: HTML Code: <form name="input" action="Result.asp" method="get"> <font size="2" face="arial">Gender:<select name="gender"> <option value="male">Male</option> <option value="female">Female</option> </select> <br> Age:<select name="age"> <option value="12">0-12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25+</option> </select><br><br /> <b><u>What games do you want to see tournament in?</u></b><br /> <input type="checkbox" name="Game" value="CS16" /> Counter Strike 1.6<br /> <input type="checkbox" name="Game" value="CSS" /> Counter Strike Source<br /> <input type="checkbox" name="Game" value="LoL" /> League of Legends<br /> <input type="checkbox" name="Game" value="LoLD" /> League of Legends Dominion<br /> <input type="checkbox" name="Game" value="TF2" /> Team Fortress 2<br /> <input type="checkbox" name="Game" value="TF2" /> Left 4 Dead 2 Versus<br /> <input type="checkbox" name="Game" value="MC" /> Minecraft PvP<br /> <input type="checkbox" name="Game" value="BC" /> Bloodline Champions<br /> <input type="checkbox" name="Game" value="RoA" /> Rock of Ages<br /> Other: <input type="text" name="otherGame" /> (ex. 1, ex. 2, osv.) </font><br /> <input type="submit" value="Submit" /> </form> and submit it to another page so I can go on there and see how many males, females and people of different ages that have signed up, and what games they wanted. Sorry if it is a noobish question.. Thx in advance. - Ward, out! It submits in every other browser BUT IE... I just finished this website and it works everywhere except IE... I don't get it!!! I'm using image inputs to submit the form. Is that bad? It obviously sends me to the next page, but why isn't the data going through? the form exists on this webpage http://awesomebattle.com/compare.php it's the frame with the two random characters in it... here is the code. Code: <form method="post" name="vs" id="vs" action="vs.php" > <table width="100%"> <tr> <td align="center" valign="top" width="30%" bgcolor="#ff9900" > <font size="5"><a href="http://www.google.com/search?q=Captain America" alt="Detailed Info" title="Detailed Info" target="_blank">Captain America</a><br><input type="image" id="w" name="w" VALUE="l" border="0" width="300" height="300" src="pic/1278364692captain america.jpg"></font></td> <td valign="top" width="40%" align="center"><img width="150" border="0" src="pic/1277747612fight.png"><br> <input type="image" id="w" name="w" VALUE="d" border="0" src="draw.png" > <br> <input type="image" id="w" name="w" VALUE="" border="0" src="idk.png" > <table width="300" bgcolor="ff9900" ><tr><td colspan="2" align=center ><font size=1>1 vote</font></td></tr></table> </td> <td align="center" valign="top" width="30%" bgcolor="#ff9900" > <font size="5"><a href="http://www.google.com/search?q=Polaris" alt="Detailed Info" title="Detailed Info" target="_blank">Polaris</a>, <a href="http://www.google.com/search?q=Killer Bee" alt="Detailed Info" title="Detailed Info" target="_blank">Killer Bee</a>, <a href="http://www.google.com/search?q=Haku" alt="Detailed Info" title="Detailed Info" target="_blank">Haku</a><br><input type="image" id="w" name="w" VALUE="r" border="0" width="150" height="150" src="pic/1278365600Polaris.jpg"><br><input type="image" id="w" name="w" VALUE="r" border="0" width="150" height="150" src="pic/1277849407killerbee.jpg"><input type="image" id="w" name="w" VALUE="r" border="0" width="150" height="150" src="pic/1278365133haku.jpg"></font></td> </tr> </table> <br> <a href="javascript:toggle_visibility()" ><font style="BACKGROUND-COLOR: #ff9900" size=2 >Leave some commentary for others to see!</font></a> <div id="ads" ></div> <div id="notes" style="display:none;" align=center> <table width="400" bgcolor="#ff9900"><tr><td align=center> Name <input id="name" type="text" name="name" VALUE="" maxlength="30" size=15 alt="Tell us your name" title="Tell us your name" ><br> <font size=2>Commentary</font> <textarea name="comments" cols="40" rows="5"> </textarea><br><font size=1>When you pick a winner the comment will be submitted.</font> </td></tr></table> </div> <input type="hidden" id="compare" name="compare" VALUE="0" /> <input type="hidden" id="rights" name="rights" VALUE="3" /> <input type="hidden" id="lefts" name="lefts" VALUE="1" /> </form> I'm thinking it's a I hate I.E. I really do. So many people use IE so I have to make this work with my site. I want an area on the front page of my website, to display what someone has submitted in a form, (their name, comment and the current date), and I want it to update every 10 seconds. Is this possible in HTML, if so, could anyone provide the code ? Hi all, I'm looking for ways, how I can avoid multiple form submissions, when a user repeatedly (intentionally or not) refresh the browser (F5 button) after submitting a form? The input in my form is simply an email address. Nothing else. It is used for forgot password function. I have tried unset or set the $_POST['email'] to empty, but it doesn't help. Is there a clever way to do this? Hi all, I have a query that I hope somebody can help with as my site has been brought to a standstill because of this problem. I have just posted the new version of my site online and I have a folder below the domain root which contains things like database info, form scripts etc. When I process the form I get a 404 error. the action is something like HTML Code: action="../includes/process_form.php" There is no need to any output from these files as they process the information and direct to the relevant files above the domain root using php header scripts. At the beginning of most of my files I have the following PHP Code: <?php $security = 'secure'; require('../includes/default.php'); require('../includes/error_handlers.php'); require('../includes/db.php'); ?> and there is no problem with these whatsoever. I had all of the scripts working fine when I tested them at domainroot.co.uk/take2/public/ domainroot.co.uk/take2/includes/ Does anybody have any ideas why this is happening Any help would be appreciated John i am trying to make a html program in which theres a function which will take a single argument and then it will check the type of argument passed i.e whether it is an integer type or string or float and print the same.I tried making it and cud do it by using "on button click".but i am not getting how to to it without "button onclick".i just want to print the type of data passed without any button onclick. can anyone here help me with it.heres what i did: <html> <head> <script language="JavaScript"> function datatype() { } function check(arg) { document.write(typeof(arg)); } var data=new datatype(); </script> </head> <body> <input type="button" onclick="(data)" value="Object"> <input type="button" onclick="check(5)" value="Number"> <input type="button" onclick="check('Hello')" value="String"> </body> </html> So I've got a form with some input text. In addition to the data in the input text I want to send some other data that has already been predetermined on initial page load. How would I declare the other data within the form element? Thanks Hi everybody! I have a jsp page with a form and a table. My aim is that when i press the submit button of the form,collect the data and fill the table with it. I am working with J2EE. I have already collected the data in a Java class,but I dont know how to introduce this data into the table. Best Regards! I have been using my site for some time now and it carries the image name over when you clicked on purchasing the print. It carries it still, but when you submit the form, the image name isnt there and the form errors because the field is blank. Here is the site: www.sthompsonphoto.com I cant seem to figure out why it disappears when you click Submit? Any help would be great! Hi Every one I new to this forum , but I hope some one can help me here. I have a html form where I need depending on the need using check box one field to be hidden and it is place the other one should be shown. Basically one field is dropdown data and the other is inputfield Idea is if the info is not in drpodown field then user select checkbow and insert data by hand. I be able to show and hide input field but input field do not go away I hope some one can assist me, I am not that strong in JavaScript Thanx in advance LA Hi all, I have a simple newsletter form, so just the email field and a submit, what I would like to do is to send this data to a larger subscriber form, so one that has name, email (with the data previously entered already added), list to subscribe to etc. Can this be done? Thanks script completed, thx I have a simple signup form on my site that I want to pass the input to the larger signup form. Here is the code for the simple form: <form action="http://bigdogcattle.com/?a=Cattle_Mailing-List_SignUp" method="post" accept-charset="UTF-8"> The larger signup form is located he http://bigdogcattle.com/?a=Cattle_Mailing-List_SignUp I want the email address from the simple form to move to the larger form when the submit button is pressed. Ideas? |