|
HTML - Html Form - Mandatory Fields
Hi there,
I have created a basic HTML Form but wish to make some fields mandatory. What code do i use to make the fields mandatory Thanks In advance Richard Similar TutorialsI have a problem with my mandatory fields in the fact that i know not on how to make them mandatory. normally on a web page mandatory fields are yellow or sometimes other colours, and the non-mandatory fields are normally white. well i do have 3 yellow boxes on my page and then the rest are white, but the yellow boxes are not mandatory! I would like them to be but they are not. any help on how to make fields mandatory? http://prokix.com/OnlineRegistration.htm is the webpage I am trying to amend an existing form so that some fields are mandatory. So far this is what I've have on the script right before </head> tag: Code: <script type="text/javascript">
function checkForm(frm){
msg = "";
if(!frm.name.value){
msg += "- Name is required\n";
}
if(!frm.phone.value){
msg += "- Phone is required\n";
}
if(!frm.email.value){
msg += "- Email is required\n";
}
if(msg != ""){
alert(msg);
return false;
}
}
</script>
and on at the begining of the form itself I have: Code: <form id="form1" name="form1" method="post" action="contact1.php" onsubmit="return checkForm(this)">
<input type="text" name="name" id="name"><br>
<input type="text" name="email" id="email" style="margin-top:3px "><br>
<input type="text" name="phone" id="phone" style="margin-top:3px "><br>
But when I get the form back on my test email all the fields are empty! Here here my contact.php: PHP Code: <? $subject="Booking Table from ".$_GET['name'] ; $headers= "From: ".$_GET['email']."\n"; $headers.='Content-type: text/html; charset=iso-8859-1'; mail("contactatalexotero.co.uk", $subject, " <html> <head> <title>Book Table</title> </head> <body> <br>Phone Number ".$_GET['phone']." <br>Number of people ".$_GET['people']." <br>Where? ".$_GET['where']." <br>Time ".$_GET['time']." <br>Date ".$_GET['day']."/ ".$_GET['month']."/ ".$_GET['year']." <br>Message ".$_GET['message']." </body> </html>" , $headers); echo ("Your message was successfully sent! We will contact you shortly to confirm your table!"); ?> <script> window.close </script> What do I do wrong? Please help me Hi Guys, The form below is part of a new ticketing system i am playing around with. I dont know much about it yet but i want to add a mandatory checkbox to the form and also a text area which contains my terms and conditions. The form below is part of submitting a new ticket and before they can do so i want them to have to check the box below my terms and conditions saying they have read and agree. I'm no expert on forms but im guessing this could be acheived by adding a text area and a checkbox. Most important thing >>>> If the checkbox is not checked i want a pop up warning to pop up saying please tick the box or something like that. Heres the form anyway: Code: <form name="new_ticket" method="post" action="new_ticket.php" onSubmit="return validate_ticket(document.new_ticket);" enctype="multipart/form-data" >
<input type="hidden" name="act" value="openticket">
<div class="sub-heading">
{{cClient_newtickettitle}}
</div>
<div class="formheading">
<span class="label">
{{cLogin_direct}}
</span>
</div>
<div class="formrow">
<span class="label">{{cClient_fullname}}:</span>
<span class="field"><input name="client_name" type="text" class="singleline-field" id="full_name" value="{{client_name}}" />
<span class="mandatory-fld">
*
</span>
</span>
</div>
<div class="formrow">
<span class=label>
{{cClient_phone}} :
</span>
<span class="field">
<input type="text" name="phone" value="{{phone}}" class="singleline-field">
</span>
</div>
<div class="formrow">
<span class="label">
{{cClient_email}} :
</span>
<span class="field">
<input type="text" name="email" value="{{email}}" class="singleline-field">
<span class="mandatory-fld">
*
</span>
</span>
</div>
<{customfields_loopstart}>
<div class="formrow">
<span class="label">
<{field_name}> :
</span>
<span class="field">
<{draw_field}>
</span>
</div>
<{customfields_loopend}>
<div class="formrow">
<span class=label>
{{cDepartment}} :
</span>
<span class="field">
<select name="dept_id" class="singleline-field">
<option value="">{{cSelect}}</option>
<{dept_loopstart}>
<option value="<{dept_id}>" <{selected}> ><{dept_name}></option>
<{dept_loopend}>
</select>
<span class="mandatory-fld">
*
</span>
</span>
</div>
<div class="formrow">
<span class=label>
{{cTicket_priority}} :
</span>
<span class="field">
<select name="priority_id" class="singleline-field">
<option value="">{{cSelect}}</option>
<{priority_loopstart}>
<option value="<{priority_id}>" <{selected}> ><{priority_name}></option>
<{priority_loopend}>
</select>
<span class="mandatory-fld">
*
</span>
</span>
</div>
<div class="formrow">
<span class=label>
{{cTicket_subject}} :
</span>
<span class="field">
<input type="text" name="subject" value="{{subject}}" class="textarea-field">
<span class="mandatory-fld">
*
</span>
</span>
</div>
<div class="formrow">
<span class=label>
{{cTicket_message}} :
</span>
<span class="field">
<textarea name="message" cols="{{cols}}" rows="{{rows}}" class="textarea-field" id="comments">{{message}}</textarea>
<span class="mandatory-fld">
*
</span>
</span>
</div>
<{attachment_start}>
<div class="formrow">
<span class=label>
{{cTicket_attachment}} :
</span>
<span class="field">
<input type="file" name="attachment" value="" size="50" /> ({{cMax}} {{attachment_size}} {{cKb}})
</span>
</div>
<{attachment_end}>
<div class="formheading">
<span class="label">
{{cProvide_password}}
</span>
</div>
<div class="formrow">
<span class="label">
{{cPassword}} :
</span>
<span class="field">
<input type="password" name="pass_word" class="singleline-field">
<span class="mandatory-fld">
*
</span>
</span>
</div>
<div class="formrow">
<span class="label">
{{cPassword_confirm}} :
</span>
<span class="field">
<input type="password" name="password_confirm" class="singleline-field">
<span class="mandatory-fld">
*
</span>
</span>
</div>
<div class="formrow">
<span class="field">
<input type="submit" name="Submit" value="{{cSubmit}}" class="stdbutton-field" />
<input type="reset" name="reset" value="{{cReset}}" class="stdbutton-field" />
</span>
</div>
</form>
I also have a number of other forms i will want to add this feature too so if anyone edits the code please highlight the part you added for me to see easily and then i can just copy it to my otehr forms. Thanks in advance CC_DESIGN I'm sure this has a simple solution, but I've tried a variety of search terms online and the books I have and haven't had any luck. I have the following drop down in my code. <select name="releaseDepartment"> <option value="---">---</option> <option value="membership">Membership</option> <option value="program">Program</option> <option value="fundDevelopment">Fund Development</option> <option value="finance">Finance</option> <option value="outdoor">Outdoor</option> </select> What can I add to my code to make this mandatory (if '---' is still selected pop up a window that says "You must select a department for this release.") Thanks. Hi all, I need your help. I have created an HTML web form that's processed by a PHP script. It works absolutely fine but I now need to do add a couple of conditional fields on this in this HTML Form which I don't know how to. The first field in the form is Presenter's Name. Underneath this field, I want to have a checkbox stating "Click here if additional Presenters". As soon as this option is checked off, a new input text field should appear underneath it and at the bottom of the form, a text box should appear for additional presenter's bio. How do I do that? Thanks a trillion in advance for your help. suppose i have a form in which all the information are asked about a person. if person is male then the fields which are meant for female should be locked.. and same with vice versa... so please tell me how i can do that in html????? Forgive me if this seems like a stupid question but I need help... I'm trying to do a simple online form that emails me the results from a few fields. Here is the code: Code: <form action="http://cm1web1/WebSurveyComponents/script/processform.asp" method="post">
<!-- Mandatory "hidden" objects -->
<p>
<input type="hidden" name="strInputElements" readonly value="Suggestion">
<input type="hidden" name="strInputElements" value="Name">
<input type="hidden" name="strInputElements" value="Email">
<input type="hidden" name="strInputElements" value="Business Unit">
<input type="hidden" name="intSendMode" readonly value="0">
<input type="hidden" name="strSendParms" readonly value="mark@website.com,CSPS Intranet
Suggestion Box">
Name:
<input type=text name="Name">
<br>(optional, but required if you would like a response to your comments or suggestions)</p>
<p>Email:
<input type=text name="Email">
<br>(optional)
</p>
<p>Business unit:
<input type=text name="Business Unit">
<br>(optional)
</p>
<p>
<textarea name="Suggestion" rows="12" cols="40">Write your feedback or suggestion here</textarea>
<br>
<br>
<input name="Send" type="submit" value="Send">
<input name="Clear" type="reset" value="Clear">
</p>
<p>(Unless you fill in your name and/or email, this form is completely anonymous)</p>
</form>
And the email I receive looks like this... Field = Suggestion Response = Write your feedback or suggestion here Field = Name Response = Field = Email Response = Field = Business Unit Response = The "Suggestion" field works fine, but the Name, Email and Business Unit fields all come through with blank responses. Any ideas? Thanks! Mark Hi all, I have an exam form wherein a student fills up all the details of the exam ad clicks on submit. The data is stored in an access database. I need to send all the fields in the form to an address specified in the form field as well as a confirmation email to a specific address. Please let me know how do i resolve this Regards, Nimish. Hi All, I have 2 buttons that need to be placed side by side and link to Paypal. I have used the "display:inline" on both forms and with the fields I need to hide, the "type=hidden" When I view the page in Firefox all looks, but in IE, although the hidden fields are hidden, they are still taking up space. So the two buttons are not sitting next to each other, there is a big gap where the 'hidden' layers would be. Anyone have any ideas how I can get around this? Many thanks I'm stuck. I've got a form up, just about ready to go public, but I need to set it so that certain fields are required. In the past I've done this without any problem... Usually using just a hidden field, value="required" and listing the fields that are required. But, for some reason, it's not working on this form. Here's the form: http://www.weddingsbybelles.com/contact/survey.htm Quick fix? Is there another easy alternative? Any idea why my old standby stopped working? The contactus page currently sends data to 3 email addresses. I dont verify these fields currently but wish to do so. I merely have them sent to feedback.php which accepts the data and sends the emails. I want two things done where I need help: 1, I need all fields to be validated in the contactus page itself before going to the feedback.php file 2, I want a simple captcha that can also be verified on contactus.php itself. Can someone help? Thanks Navs We currently have a feedback form (feedback.php) that is used in our contactus page. This gets sent to three email address. I now want to add a captcha to it and create a verification for all the fields in the contactus page itself Hello Does anyone knows since when (or which html version) it is allowed to define form input names as arrays such as: ex: <form ...> <input name="MyArray[email]" /> <input name="MyArray[phone]" /> </form> Is there a way to insure that all form fields are reset to empty or default values upon entry to the page that contains the form? I'm asking this because if someone has already submitted a form and arrives at the next screen, that form has already been logged. If they go back, it gets logged again and I don't want that. I would prefer that the solution would involve HTML &/or PHP because many people have Java script disabled. But, if it can't be done with HTML or PHP, then so be it. I'll have to use Javascript. My first thought was to somehow disable the "Back" button but that is probably offensive to many, and I wouldn't want to alienate anyone. Maybe someone on this forum might have the answer to my question or may be able to suggest another approch I could use. Thanking you in advance, Roy I've honest to god looked for 2 days for tutorials and pre set up scripts for this but cannot understand any of it. could someone please make all of my friends required, except for the radio buttons. i just need at least one of them selected. id really appreciate it. thank you. Quote: <form name="_xclick" action="https://www.paypal.com/us/cgi-bin/webscr" onSubmit="return emailCheck()" method="post"> <input type="hidden" name="cmd" value="_xclick"> <input type="hidden" name="business" value="boxer_347@yahoo.com"> <input type="hidden" name="currency_code" value="USD"> <input type="hidden" name="item_name" value="Personal Plan"> <center> <table> <tr> <td> <input type="hidden" name="on1" value="name"><font size="2"><b>First Name:</b></font></td> <td> <input type="text" name="os1" maxlength="200"><font size="2" color="#666666"><br>(Your first name)<br><br></font></td> </tr> <tr> <td> <input type="hidden" name="on1" value="account"><font size="2"><b>Account Name:</b></font></td> <td> <input type="text" name="os1" maxlength="200"><font size="2" color="#666666"><br>(Register a cPanel username)<br><br></font></td> </tr> <tr> <td> <input type="hidden" name="on1" value="password"><font size="2"><b>Password:</b></font></td> <td> <input type="password" name="os1" maxlength="200"><font size="2" color="#666666"><br>(Register a cPanel password)<br><br></font></td> </tr> <tr> <td> <input type="hidden" name="on1" value="email"><font size="2"><b>Email Address:</b></font></td> <td> <input type="text" name="os1" maxlength="200"><font size="2" color="#666666"><br>(Email address we can contact you at)<br><br></font></td> </tr> <tr> <td> <input type="hidden" name="on1" value="domain"><font size="2"><b>Domain:</b></font></td> <td> <input type="text" name="os1" maxlength="200"><font size="2"> (Optional)</font><br><font size="2" color="#666666">(Domain you wish to link to us)</font></td> </tr> </table> </center> <br> <center> <table> <tr> <td> <input type="radio" name="amount" value="1.00"><b>1 Month - $1.00</b> </td> </tr> <tr> <td> <input type="radio" name="amount" value="2.70"><b>3 Months $2.70 (Save 10%)</b> </td> </tr> <tr> <td> <input type="radio" name="amount" value="4.92"><b>6 Months - $4.92 (Save 18%)</b> </td> </tr> <tr> <td> <input type="radio" name="amount" value="9.00"><b>1 Year - $9.00 (Save 25%)</b> </td> </tr> </table> </center> <center> <br> <table> <tr> <td> <input type="checkbox" name="agree" value="tos"> I agree to the <a STYLE="text-decoration:none" href="tos.html"><font size="2" color="#3999FF">Terms of Service</font></a> </td> </tr> </table> <br> <table> <tr> <td> <input type="image" src="https://www.paypalobjects.com/WEBSCR-480-20070831-2/en_US/i/btn/btn_buynowCC_LG.gif" style="float:right;" border="0" name="submit"> </td></tr> </table> </center> </form> Hello, On a form I'm working on, I've set up the address fields as required. However, if the user selects the "International Residence" option, I'd like the address fields to be not required. Could someone point me in the right direction? Thanks a bunch, Mike Hi guys, I am working on a site and one of the pages has a weird issue. Sometimes, you cannot click in to: First name: Last name: E-mail: Phone : It is weird, as it usually affects 2 fields at a time and appears to happen randomly. Occurs in IE7 and Konqueror (KDE browser), but not in Firefox. If someone could tell me what is causing the problem, that would be perfect! The page in question is: http://www.premiumdjs.com/contact.php Thanks! firstly hello to everyone - sorry for not introducing myself prior to posting but im in DESPERATE need of help and hope someone will take pity on me and put me out my misery!!! I am trying to include an order form in a website i am building.. i would like it to have the ability to 'copy' information from 'customers details' to 'delivery details' if these are one and the same - i have tried various things all to no avail... here is what i have so far.... -------------------------------------------------------------------------------------------------------- <HTML> <head> <title></title> <script type="text/javascript"> function data_copy() { if(document.form1.copy[0].checked){ document.form1."Delivery Name".value=document.form1."Customer Name".value; document.form1."Delivery Address 1".value=document.form1."Customer Address 1".value; document.form1."Delivery Address 2".value=document.form1."Customer Address 2".value; document.form1."Delivery Town".value=document.form1."Customer Town".value; document.form1."Delivery County".value=document.form1."Customer County".value; document.form1."Delivery Post Code".value=document.form1."Customer Post Code".value; }else{ document.form1."Delivery Name".value=""; document.form1."Delivery Address 1".value=""; document.form1."Delivery Address 2".value=""; document.form1."Delivery Town".value=""; document.form1."Delivery County".value=""; document.form1."Delivery Post Code".value=""; } } </script> </head> <form name=form1 action=""> <TABLE width="800" border="0" align="center" cellpadding="5" cellspacing="0"> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana"><b>Customer Details:</b></font></td> <td width="200"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana"><b>Delivery Details:</b></font></td> <td width="200"></td> </tr> <tr> <td></td> <td></td> <td></td> <td><input type=radio name=copy value='yes' onclick="data_copy()";><font face="Verdana" size="2">Same As Customer</font></td> <td><input type=radio name=copy value='no' onclick="data_copy()";><font face="Verdana" size="2">Not Same</font></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Name:</font></td> <td width="200" align="left"><input name="Customer Name" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Name:</font></td> <td width="200" align="left"><input name="Delivery Name" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Address 1:</font></td> <td width="200" align="left"><input name="Customer Address 1" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Address 1:</font></td> <td width="200" align="left"><input name="Delivery Address 1" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Address 2:</font></td> <td width="200" align="left"><input name="Customer Address 2" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Address 2:</font></td> <td width="200" align="left"><input name="Delivery Address 2" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Town:</font></td> <td width="200" align="left"><input name="Customer Town" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Town:</font></td> <td width="200" align="left"><input name="Delivery Town" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">County:</font></td> <td width="200" align="left"><input name="Customer County" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">County:</font></td> <td width="200" align="left"><input name="Delivery County" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Post Code:</font></td> <td width="200" align="left"><input name="Customer Post Code" type="text" size="15"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Post Code:</font></td> <td width="200" align="left"><input name="Delivery Post Code" type="text" size="15"></td> </tr> </table><br> <br><input type="Submit"> </form> </body> -------------------------------------------------------------------------------------------------------- although it looks ok when i preview it for some reason it will not copy the information i want... if anyone can help (and ideally explain what i am doing wrong) i would be very very thankful! kind regards lawrence (larryg) Hello, I want to display users information into form fields if they are logged in. Is it possible to retrieve the data from mysql and display it in the form widgets ? Or should I create a complete new page ? (I would like user to be able to modify the text and automatically submit it to mysql). thanks I have created a nice Newsletter Registration form, but I would really like to modify the form so that instead of displaying the browsers default images for text fields, checkboxes, etc, I want it to display my images that I have created. Is this possible without stepping into flash? Thanks Guys! -NH In a form, how do I define a radiobutton so that when it is selected additional form fields ara loaded onto the same page holding the text in other fields? I am using Frontpage 2003 to build my site. |
|||||||