469,072 Members | 1,804 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,072 developers. It's quick & easy.

insert html web page/form to sql database

hi my knowledgeable comrads

I have created a web form using html, css with the addition of some basic javascript validation. Although now im having trouble to insert this information to my local SQL database - can someone point me in the right direction please or refer me to a good example/pre written code?

I am using Vista Business operating system in conjunction with SQL server 2005 express edition, SQL server service pack 2, SQL server management studio express. SQL is installed and setup properly but really confused on how to go about inserting the web form fields in to my sql database?

my webform code is as follows;

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>webform</title>
  6. <link rel="stylesheet" href="includes/divs.css" style="text/css" />
  7. <link rel="stylesheet" href="includes/text.css" style="text/css" />
  8.  
  9. <script type="text/javascript">
  10. <!--
  11.  
  12.     function validate_form ( )
  13.     {
  14.     valid = true;
  15.  
  16.     if ( document.contact_form1.txtAmount.selectedIndex == 0 ) 
  17.     { 
  18.         alert ( "Please select how much you would like to borrow!" ); 
  19.         valid = false; 
  20.     }
  21.  
  22.     if ( document.contact_form1.txtPurpose.selectedIndex == 0 ) 
  23.     { 
  24.         alert ( "Please select purpose of loan" ); 
  25.         valid = false; 
  26.     }
  27.  
  28.     if ( document.contact_form1.txtResidentialStatus.selectedIndex == 0 ) 
  29.     { 
  30.         alert ( "Please select your residential status" ); 
  31.         valid = false; 
  32.     }
  33.  
  34.     if ( document.contact_form2.txtTitle.selectedIndex == 0 ) 
  35.     { 
  36.         alert ( "Please select an appropriate title" ); 
  37.         valid = false; 
  38.     }
  39.  
  40.     if ( document.contact_form2.txtFirstName.value == "" )
  41.     {
  42.         alert ( "Please fill in your First Name" );
  43.         valid = false;
  44.     }
  45.  
  46.     if ( document.contact_form2.txtSurname.value == "" )
  47.     {
  48.         alert ( "Please fill in your Surname" );
  49.         valid = false;
  50.     }
  51.  
  52.     if ( document.contact_form2.txtContactNumber.value == "" )
  53.     {
  54.         alert ( "Please enter a daytime contact number" );
  55.         valid = false;
  56.     }
  57.  
  58.     if ( document.contact_form2.txtEveningNumber.value == "" )
  59.     {
  60.         alert ( "Please enter an evening contact number" );
  61.         valid = false;
  62.     }
  63.  
  64.     if ( document.contact_form2.txtEmailAddress.value == "" )
  65.     {
  66.         alert ( "Please enter your email address" );
  67.         valid = false;
  68.     }
  69.  
  70.     if ( document.contact_form2.change_supplier[0].checked == false ) 
  71.     { 
  72.         alert ( "Please check 'Yes' or 'No' if you are interested in switching energy suppliers" ); 
  73.         valid = false;
  74.     } 
  75.  
  76.         if ( document.contact_form2.change_supplier[1].checked == false ) 
  77.     { 
  78.         alert ( "Please check 'Yes' or 'No' if you are interested in switching energy suppliers" ); 
  79.         valid = false;
  80.     } 
  81.  
  82.     if ( document.contact_form2.termsconditions.checked == false ) 
  83.     { 
  84.         alert ( "Please check the Terms & Conditions box." ); 
  85.         valid = false;
  86.     } 
  87.  
  88.     return valid;
  89. }
  90.  
  91. //-->
  92. </script>
  93. </head>
  94. <body>
  95. <div id="container">
  96.   <h1>Apply Now!</H1>
  97.   <p> Borrow between 2,000 and 250,000<br />
  98.     Just one short form to get the finance you need</p>
  99.   <div id="loandetails">
  100.     <p class="contentstyle1">Loan Details</p>
  101.     <span class="contentstyle2"> How much would you like to borrow? </span><span class="contentstyle1">(&pound;)</span><br />
  102.     <span class="contentstyle2">Purpose of loan</span><br />
  103.     <span class="contentstyle2">Residential Status</span> </div>
  104.   <!-- Closed loandetails div -->
  105.   <div id="inputbox1">
  106.     <form name="contact_form1" method="post" action="submit.asp" onSubmit="ValidateForm()">
  107.       <select name="txtAmount" id="txtAmount" class="inputboxstyle1" >
  108.         <option value="">Please Select</option>
  109.         <option value="2000" >&pound;2000</option>
  110.         <option value="3000" >&pound;3000</option>
  111.         <option value="4000" >&pound;4000</option>
  112.         <option value="5000" >&pound;5000</option>
  113.       </select><span class="asterisk"> * </span>
  114.       <br />
  115.       <select name="txtPurpose" id="txtPurpose" class="inputboxstyle1">
  116.         <option value="" selected="selected">Please Select</option>
  117.         <option value="Consolidation"         >Consolidation</option>
  118.         <option value="Home Improvements"     >Home Improvements</option>
  119.         <option value="Holiday"             >Holiday</option>
  120.       </select><span class="asterisk"> * </span>
  121.       <br />
  122.       <select name="txtResidentialStatus" id="txtResidentialStatus" class="inputboxstyle1" onChange="selectChange()">
  123.         <option value="" selected="selected">Please Select</option>
  124.         <option value="Home Owner"             >Home Owner</option>
  125.         <option value="Private Tenant"         >Private Tenant</option>
  126.         <option value="Housing Association" >Housing Association</option>
  127.       </select><span class="asterisk"> * </span>
  128.     </form>
  129.   </div>
  130.   <!-- Closed inputbox1 div -->
  131.   <div id="personaldetails">
  132.     <p class="contentstyle1">Personal Details</p>
  133.     <span class="contentstyle2">Title</span><br />
  134.     <span class="contentstyle2">First name</span><br />
  135.     <span class="contentstyle2">Surname</span><br />
  136.     <span class="contentstyle2">Daytime contact number</span><br />
  137.     <span class="contentstyle2">Evening contact number</span><br />
  138.     <span class="contentstyle2">Email address</span><br /><br />
  139.     <span class="contentstyle3">Would you be interested in saving up to </span>
  140.     <span class="contentstyle4">&pound;360 </span> <span class="contentstyle3">per year by switching energy suppliers?</span><br />
  141.   </div>
  142.   <!-- Closed personaldetails div -->
  143.   <div id="inputbox2">
  144.   <form name="contact_form2" method="post" action="submit.asp" onSubmit="return validate_form ( );">
  145.     <select name="txtTitle" class="inputboxstyle1" style="width:90px;">
  146.       <option value="">Select...</option>
  147.       <option value="Mr"   >Mr</option>
  148.       <option value="Mrs"  >Mrs</option>
  149.       <option value="Ms"   >Ms</option>
  150.     </select><span class="asterisk"> * </span>
  151.     <input name="txtFirstName" id="txtFirstName"  maxlength="30" class="inputboxstyle2" type="text" value="" />
  152.     <span class="asterisk"> * </span> 
  153.     <input name="txtSurname" id="txtSurname" maxlength="30" class="inputboxstyle2" type="text" value="" />
  154.     <span class="asterisk"> * </span>
  155.     <input name="txtContactNumber" id="txtContactNumber" maxlength="15"class="inputboxstyle2" type="text" value="" />
  156.     <span class="asterisk"> * </span>
  157.     <input name="txtEveningNumber"id="txtEveningNumber" maxlength="15" class="inputboxstyle2" type="text" value="" />
  158.     <span class="asterisk"> * </span>
  159.     <input name="txtEmailAddress" id="txtEmailAddress"  maxlength="50" class="inputboxstyle2" type="text" value="" />
  160.     <span class="asterisk"> * </span>
  161.     <input type="radio" style="margin-top:30px; width:15px;" name="change_supplier" class="inputboxstyle2" value="1"  />
  162.     <span class="contentstyle4">No</span>
  163.     <input  type="radio" style="margin-top:30px; width:15px;" name="change_supplier" value="0" />
  164.     <span class="contentstyle4">Yes</span>
  165.     </div>
  166.     <!-- Closed inputbox2 div -->
  167.     <div id="terms">
  168.     <input type="checkbox" name="termsconditions" style="margin-left:20px; margin-top:13px" value="yes"  />
  169.     <span class="termsstyle1">Tick here to agree to our <a href="javascript:MM_openBrWindow('pop_terms.asp');"> terms & conditions.</a> By ticking this box you agree to be contacted by a loan specialist.</span><br />
  170.     <span class="termsstyle3">Please check your details are correct before you proceed.</span><br /><br />
  171.     <input style="CURSOR: pointer"  type="image" src="http://bytes.com/images/submit.jpg" value="Submit" class="termsstyle4" name="Submit Button" title="Submit Your Application">
  172.   </form>
  173. </div> <!-- Closed terms div -->
  174. </div> <!-- Closed container div -->
  175. </body>
  176. </html>
  177.  
Jan 2 '09 #1
0 6437

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

2 posts views Thread by Polyhedron_12 | last post: by
1 post views Thread by Ed Dror | last post: by
5 posts views Thread by =?Utf-8?B?bXBhaW5l?= | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by zhoujie | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.