Sunteți pe pagina 1din 11

HTML WITH JSP EXAMPLE

CODE

HTML CODE

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>www.chennaisunday.com</title>

<link rel="stylesheet" type="text/css" href="style.css" media="screen,projection">

<!-- Loading Calendar JavaScript files -->

<link rev="made" href="mailto:contact@rainforestnet.com">


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="generator" content="NoteTab Light 4.9">
<meta name="author" content="TengYong Ng">
<meta name="description" content="">
<meta name="keywords" content="">
<script language="javascript" type="text/javascript" src="datetimepicker.js">

//Date Time Picker script- by TengYong Ng of http://www.rainforestnet.com


//Script featured on JavaScript Kit (http://www.javascriptkit.com)
//For this script, visit http://www.javascriptkit.com

1
</script>

<script type="text/javascript">
function valid1()
{
var a = document.form1.name.value;
if(a=="")
{
alert ("enter a name");
document.form1.name.focus();
return false;
}

if(!isNaN(a))
{
alert ("enter a alphat");
document.form1.name.select();
return false;
}
var b=document.form1.username.value;

if(b=="")
{
alert ("enter a user name");
document.form1.username.focus();
return false;
}

var emailfilter=/^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i
var c=emailfilter.test(document.form1.emailid.value);
if(c==false)

2
{
alert("Please Enter a valid Mail ID");
document.form1.emailid.focus();
return false;
}

var d=document.form1.password.value;
if(d=="")
{
alert ("enter a password");
document.form1.password.focus();
return false;
}
var e=document.form1.confirmpassword.value;
if(e=="")
{
alert ("enter confirm password");
document.form1.confirmpassword.focus();
return false;
}
if(d!=e)
{
alert ("enter a correct password");
document.form1.confirmpassword.select();
return false;
}
var f=document.form1.dob.value;
if(f=="")
{
alert ("pick date");
document.form1.dob.focus();

3
return false;
}

var g=document.form1.address.value;
if(g=="")
{
alert ("enter address");
document.form1.address.focus();
return false;
}

var h=document.form1.mobilenum.value;
if(h=="")
{
alert ("enter a mobile number");
document.form1.mobilenum.focus();
return false;
}

if(isNaN(h))
{
alert ("enter valid mobile number");
document.form1.mobilenum.focus();
return false;
}

var i=document.form1.country.value;
if(i=="")

4
{
alert ("enter a country");
document.form1.country.focus();
return false;
}

if ( ( form1.gender[0].checked == false ) && ( form1.gender[1].checked == false ) )


{
alert ( "Please choose your Gender: Male or Female" );
return false;
}

if(document.form1.utype.selectedIndex==0)
{
alert ("Select User Type");
document.form1.utype.focus();
return false;

</script>
</head>

<body>
<form name="form1" action="insert.jsp" method="post" onSubmit="return valid1()">
<div id="container" class="clearfix">

<h1><em></em></h1>

5
<h2></h2>

<div id="content">

<h3> REGISTRATION</h3>

<table bgcolor="#CC9966">
<tr>
<td><strong><font color="#FFFFFF" size="2">Name</font></strong></td>
<td><font color="#FFFFFF">:</font></td>
<td><input type="text" name="name"></td></tr>

<tr><td><strong><font color="#FFFFFF"
size="2">UserName</font></strong></td>
<td><font color="#FFFFFF">:</font></td>
<td><input type="text" name="username"></td></tr>

<tr><td><strong><font color="#FFFFFF" size="2">Email-


id</font></strong></td>
<td><font color="#FFFFFF">:</font></td>
<td><input type="text" name="emailid"></td></tr>

<tr><td><strong><font color="#FFFFFF"
size="2">Password</font></strong></td>
<td><font color="#FFFFFF">:</font></td>
<td><input type="password" name="password"></td></tr>

<tr><td><strong><font color="#FFFFFF" size="2">Confirm


Password</font></strong></td>
<td><font color="#FFFFFF">:</font></td>

6
<td><input type="password" name="confirmpassword"></td></tr>

<tr><td><strong><font color="#FFFFFF"
size="2">DOB</font></strong></td>
<td><font color="#FFFFFF">:</font></td>
<td><input name="dob" type="Text" id="demo1" maxlength="25" size="20"><a
href="javascript:NewCal('demo1','ddmmmyyyy',true,24)"><img src="cal.gif" width="16"
height="16" border="0" alt="Pick a date"></a>
<span class="descriptions"></span>
</td></tr>

<tr><td><strong><font color="#FFFFFF"
size="2">Address</font></strong></td>
<td><font color="#FFFFFF">:</font></td>
<td><input type="text" name="address"></td></tr>

<tr><td><strong><font color="#FFFFFF"
size="2">MobileNo</font></strong></td>
<td><font color="#FFFFFF">:</font></td>
<td><input type="text" name="mobilenum"></td></tr>

<tr><td><strong><font color="#FFFFFF"
size="2">Country</font></strong></td>
<td><font color="#FFFFFF">:</font></td>
<td><input type="text" name="country"></td></tr>

<tr><td><strong><font color="#FFFFFF"
size="2">Gender</font></strong></td>
<td><font color="#FFFFFF">:</font></td>
<td><font color="#FFFFFF"><input type="radio" name="gender"
value="Male">Male</font>&nbsp;<font color="#FFFFFF"><input type="radio"
name="gender" value="Fe-Male">Female</font> </td></tr>

7
<tr><td><strong><font color="#FFFFFF"
size="2">UserType</font></strong></td>
<td><font color="#FFFFFF">:</font></td>
<td><select name="utype"><option value="0">--Select--</option><option
value="owner">Owner</option><option value="csp">CSP</option><option
value="user">User</option></select></td></tr>
<tr><td></td><td><input type="submit"
style="color:black;background:#cccccc" value="SUBMIT" name="submit"></td>
<td><input type="reset" style="color:black;background:#cccccc"
value="RESET" name="reset"></td>
</tr>
</table>

<div class="regimage"> <img src="images/registration form logo.jpg" width="140"


height="238">
</div>

</div>

<ul id="nav">
<div id="hme">
<li><a href="index.html" title="">Home <img src="images/Home Green.png"
width="35" height="30" align="texttop" ></a></li>
</div>

<li><a href="login.jsp">Login</a></li>
<li><a href="register.jsp">Register</a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>

8
</div>

<address>
<a href="http://www.caddoo.net" ></a> <a href="http://www.zymic.com" ></a> <a
href="http://www.zymic.com/free-templates"></a>. <a href="http://www.zymic.com/free-
web-hosting/"></a>.
</address>
</form>
</body>
</html>
JSP CODE
<%@ page contentType="text/html;" language="java" import="java.sql.*" %>
<html>
<head>
<title>Regstration</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<%
String
name1=null,username1=null,emailid1=null,password1=null,confirmpassword1=null,dob1=n
ull,address1=null;
String country1=null,gender1=null,mobilenum1=null,utype=null;

try
{
Class.forName("com.mysql.jdbc.Driver");
Connection
conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/sam","root","admin");
PreparedStatement ps=conn.prepareStatement ("insert into login
(name,username,emailid,password,confirmpassword,dob,address,mobileno,country,gender,ut
ype) values (?,?,?,?,?,?,?,?,?,?,?)");

9
name1=request.getParameter("name");
username1=request.getParameter("username");
emailid1=request.getParameter("emailid");
password1=request.getParameter("password");
confirmpassword1=request.getParameter("confirmpassword");
dob1=request.getParameter("dob");
address1=request.getParameter("address");
country1=request.getParameter("country");
gender1=request.getParameter("gender");
mobilenum1=request.getParameter("mobilenum");
utype=request.getParameter("utype");
ps.setString(1,name1);
ps.setString(2,username1);
ps.setString(3,emailid1);
ps.setString(4,password1);
ps.setString(5,confirmpassword1);
ps.setString(6,dob1);
ps.setString(7,address1);
ps.setString(8,mobilenum1);
ps.setString(9,country1);
ps.setString(10,gender1);
ps.setString(11,utype);
int x=ps.executeUpdate();

if(x==0)
{
response.sendRedirect("register.jsp?message=success");}
else
{
response.sendRedirect("index.html?message=success");

10
}
}
catch(Exception e)
{
out.println(e.getMessage());
}

%>
</body>
</html>

11

S-ar putea să vă placă și