Wip Printout Final

EX.No.
:1 a ) CREATION OF WEB PAGE USING HTML TAGS
CODE:
<html>
<head>
<title>web Technology</title>
</head>
<marquee bgcolor="yellow" style="color:green; font-size:50px; font- family:times new roman;"
scrollamount="10" height="70px" width="100%"> Webpage </marquee>
<body> <form >
<p style="font-size:20px; font-family:times new roman;"> A web page is a hypertext document
provided by a website and displayed to a user in a web browser. A website typically consists of many
web pages linked together in a coherent fashion. The name "web page" is a metaphor of paper pages
bound together into a book.</p>
<label style="font-size:15px;"><b>Firstname</b></label>
<input type="text" required ><br>
<label style="font-size:15px;"><b>Lastname</b></label>
<input type="text" required ><br>
<button type="button"onclick="alert('hi have a nice day and study well!!!')">Click
here</button></form>
</body> </html>
OUTPUT:
EX.No.:1 b) CREATION OF FORM
CODE:
<html>
<head>
<title>login</title>
</head>
<body>
<form>
<center>
<b><strong> HTML Login page</strong></b>
<fieldset style=width:20%; >
<label>Name</label><input type="text" required><br>
<label>Password</label><input type="password" required><br>
<input type= "submit" value="submit">
<input type ="reset" value="reset">
</fieldset>
</center>
</form>
</body>
<html>
OUTPUT:
EX. No.:2 CREATE A WEB PAGE WITH THE FOLLOWING USING HTML
CODE:
Indiamap.html
<!DOCTYPE html>
<html>
<body>
<h1>The map and area elements</h1>
<p>Click on the Hotspots to go to a new page and read more about the Places:</p>
<img src="india.jpg" alt="Workplace" usemap="#workmap" width="800" height="955">
<map name="workmap">
<area shape="rect" coords="144,209,317,313" alt="delhi" href="delhi.html">
<area shape="rect" coords="481,413,630,490" alt="calcutta" href="calcutta.html">
<area shape="rect" coords="192,747,390,854" alt="tamilnadu" href="tamilnadu.html">
</map>
</body>
</html>
calcutta.html
<html>
<body bgcolor="SKYBLUE">
<font face="Times New Roman" size="10" color="RED">
<center><b><i>Calcutta is the wealthy city in WEST BENGAL<br> and <br>It has Famous
"Sunderbans Forests"</i></b></center>
<a href="Indiamap.html">Home Page</a>
</font>
</body>
</html>
delhi.html
<html>
<body bgcolor="SKYBLUE">
<font face="Arial" size="10" color="RED">
<center><b><i><tt>Delhi is the capital of our INDIA<br> and <br>More IT companies are
Camped at Delhi</tt></i></b></center>
</font>
</body>
</html>
tamilnadu.html
<html>
<body bgcolor="cyan">
<font face="Times New Roman" size="10" color="orange">
<center>Chennai is the capital of Tamil Nadu<br> and <br>More IT companies are camped
at Chennai</center>
</font>
</body>
</html>
OUTPUT:
EX.No.:3 CREATON OF WEB PAGE USING STYLE SHEETS
Source.html
<html>
<head>
<title>CascadingStyleSheets</title>
</head>
<bodyalink="blue"vlink="purple">
<h1><u><b><font face="Monotype corsiva"
color="red">DifferenttypesofCascadingStyleSheets</font></b></
u></h1>
<br/>
<fontface="Arial"size="6">
<ahref="inline.html"style="text-decoration:none;">1.InlineStyleSheet</a><br/>
<a href ="embedded.html" style="text-decoration :none;"> 2. Embeded
StyleSheet</a><br/>
<a href ="external.html" style="text-decoration :none;"> 3. External
StyleSheet</a><br/>
<ahref="error.html"style="text-decoration:none;">4.ErrorStyleSheet</a><br/></font>
</body>
</html>
Inline.html:
<html>
<head>
<title>inline</title>
</head>
<body>
<h1 style="font-family:MonotypeCorsiva ;
background-color:antiquewhite;">studentinfo</h1>
<h3>
<p style="text- indent :30pt;color:blue;font-family :arial;">
In ourdepartmentthe secondyearstrength is 60.

</p></h3>
</body>
</html>
Embedded.html
<html>
<head>
<title>Embeded/internalStyleSheet</title>
<styletype="text/css">
h1{text-align:left;
background:antiquewhite;
font-family:monotypecorsiva;
color:red}
p{
font-size:20px;
text-align:justify;
font-family:arial;
color:blue}
</style>
</head>
<body>
<h1>Facilities</h1>
<br/><p>
ourdepartmentprovidedgoodlaboratoryforlabexperiments.
</p>
</body>
</html>
External.html:
<html>
<head>
<title>ExternalStyleSheet</title>
<linkrel=Stylesheethref="style1.css"type="text/css"/>
</head>
<body>
<h1>Events</h1><br/>
<p>
Variouseventsconductedinourdepartmentlikeonlinequizcompetition. Thestudents
participatedinthe eventvoluntarily
</p>
</body>
</html>
Style.css:
h1{color:blue;
font-family:Monotype
Corsiva;font-size:40px;
background-color:antiquewhite;
}
p
{
color:red;
font-family:Time new
roman;font-size:30px;
text- indent:30pt;
}
OUTPUT:
EX.No.:4 VALIDATE THE EMAIL ID, PHONE NUMBER AND PASSWORD
WHILE ENTERING THE INFORMATION OF A STUDENT USING
JAVASCRIPT
CODE:
Index.html:
<html>
<head>
<linkhref="app.css"rel="stylesheet"/>
</head>
<body>
<divclass="container">
<divclass="header">
<h2>CreateUser</h2>
</div>
<formclass="form">
<divclass="form-control">
<lablefor="username"name="username">UserName</lable>
<inputid="txtUserName"type="text"name="username"/>
<small>ErrorMessage</small>
</div>
<lablefor="email"name="email">Email</lable>
<inputid="txtEmail"type="email"name="email"/>
</div>
<lablefor="phoneno"name="email">phoneno</lable>
<inputid="txtphoneno"type="phoneno"name="phoneno"/>
</div>
<lablefor="pwd"name="pwd">Password</lable>
<inputid="txtPwd"type="password"name="pwd"/>
</div>
<lablefor="conpwd"name="conpwd">ConfirmPassword</lable>
<inputid="txtConPwd"type="password"name="conpwd"/>
</div>
<button>Register</button>
</div>
</form>
</div>
<scriptsrc="app.js"></script>
</body>
</html>
app.css
*{
box-sizing:border-box;
}
body{
background-color: rgb(4,4,95);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin:0;
}
.container{width:400px;
background-color: #fff;
border-radius: 4px;
overflow: hidden;
}
.header{
background-color: #d8d1d1;padding:10px20px;
}
.form{
padding:20px40px;
}
.form-control{
margin-bottom:10px;
padding-bottom: 10px;
position:relative;
}
. form-control lable {display: inline-block;
margin-bottom:5px;
}
. form-control input{display: block;

width: 100%;padding: 10px;
border-radius:4px;
border:2pxsolid#d8d1d1;
}
form-control.success input{border:2pxsolidrgb(26,167,26);
}
. form-control.error input{border:2pxsolidrgb(228,29,22);
}
form-control small{position:absolute;
margin: 3px;
visibility:hidden
button{
background-color: rgb(4,4,95);color:#fff;
padding: 10px
20px;width:
100%;border-
radius:4px;
border:2px solid
rgb(4,4,95);cursor:point
er;
}
app.js:
letuserName=document.getElementById("txtUserName")
;letemail=document.getElementById("txtEmail");
let
phoneno=document.getElementById("txtphoneno");letpwd=do
cument.getElementById("txtPwd");
letconPwd=document.getElementById("txtConPwd");letform=docume
nt.querySelector("form");
functionvalidateInput(){
//check username is
emptyif(userName.value.trim
()=""){
onError(userName,"UserNamecannotbeempty");
}else{
onSuccess(userName);
}
if(email.value.trim()==="")
{onError(email,"Emailcannotbeempty");
}else{
if(!isValidEmail(email.value.trim()))
{onError(email,"Emailisnotvalid");
}else{
onSuccess(email);
//
phonenoif(phoneno.value.t
rim()="){
onError(phoneno,"phonenocannotbeempty");
}else{
if(!isValidphoneno(phoneno.value.trim()))
{onError(phoneno,"phonenumbershouldbe10digit");
}else{
onSuccess(phoneno);
}
}
//
passwordif(pwd.value.
trim()="){
onError(pwd,"UserNamecannotbeempty");
}else{
onSuccess(pwd);
}
if(conPwd.value.trim()==="")
{onError(conPwd,"UserNamecannotbeempty");
}else{
if(pwd.value.trim()!==conPwd.value.trim())
{onError(conPwd,"Password&Confirmpasswordnotmatching");
}
elseonSuccess(conPwd);
}
document.querySelector("button")
. addEventListener("click",
(event)=>{event.preventDefault();validateInput();
});
functiononSuccess(input){
letparent=input.parentElement;
letmessageEle=parent.querySelector("small")
;messageEle.style.visibility="hidden";parent.
classList.remove("error");parent.classList.ad
d("success");
}
function onError(input,message)
{letparent=input.parentElement;
letmessageEle=parent.querySelector("small");message
Ele.style.visibility="visible";messageEle.innerText=me
ssage;parent.classList.add("error");parent.classList.rem
ove("success");
}functionisValidEmail(email){
return/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.
[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a- zA- Z\-0-9]+\.)+[a- zA-
Z]{2,}))$/.test(email);}
function isValidphoneno(phoneno)
{return/^\d{10}$/.test(phoneno);
}
OUTPUT:
EX.No.:5 a INVOKING SERVLETS FROM HTM L FORM S
CODE:
index.html:
<html>
<head>
<title>Invoking Servlet from HTML</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<form method="get" action="http://localhost:8080/WebApplication1/NewServlet">
<input type="submit" value="Invoke Servlet">
</form>
</body>
</html>
NewServlet.java:
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet(urlPatterns = {"/NewServlet"})
public class NewServlet extends HttpServlet {
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
try (PrintWriter out = response.getWriter()) {
out.println("<!DOCTYPE html>");
out.println("<html>");
out.println("<head>");
out.println("<title> Hi this is NewServlet</title>");
out.println("</head>");
out.println("<body>");
out.println("<h3>This is servelt page</h3>") ;
out.println("</body>");
out.println("</html>");
}
}
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
processRequest(request, response);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
}}
OUTPUT:
EX.No.:5b SESSION TRACKING USING HIDDEN FORM FIELDS AND
SESSION TRACKING FOR A HIT COUNT
CODE:
index.html:
<html>
<head>
<title>TODO supply a title</title>
</head>
<body>
<form action="http://localhost:8080/WebApplication1/FirstServlet">
Name:<input type="text" name="userName"/><br/>
<input type="submit" value="go"/>
</form>
</body>
</html>
FirstServlet.java
@WebServlet(urlPatterns = {"/FirstServlet"})
public class FirstServlet extends HttpServlet {
String n=request.getParameter("userName");
out.print("Welcome "+n);
out.print("<form action='http://localhost:8080/WebApplication1/SecondServlet'>");
out.print("<input type='hidden' name='uname' value='"+n+"'>");
out.print("<input type='submit' value='go'>");
out.print("</form>");
out.close();
} }
@Override
}
@Override
}
@Override
public String getServletInfo() {
return "Short description";
}}
SecondServlet.java:
@WebServlet(urlPatterns = {"/SecondServlet"})
public class SecondServlet extends HttpServlet {
String n=request.getParameter("uname");
out.print("Hello "+n);
out.close();
}
} @Override
}
@Override
}@Override
return "Short description"; }}
output :
Session tracking for hit count:
CODE:
import javax.servlet.http.HttpSession;
@WebServlet("/SessionCounter")
public class Hitcount extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response) throws
ServletException, IOException {
PrintWriter out = response.getWriter();
HttpSession session = request.getSession();
Integer count = (Integer) session.getAttribute("visitCount");
if (count == null) {
count = 1;
} else {
count++;
}
session.setAttribute("visitCount", count);
out.println("<h1>Session Tracking Example</h1>");
out.println("<p>You have visited this page " + count + " times.</p>");
out.println("</body></html>");
}
}
OUTPUT:
EX.No.:6 CREATION OF THREE-TIER APPLICATION
TO CONDUCT ONLINE EXAMINATION
CODE:
Index.htlml:
<html>
<head>
<title>Exam Portal Login</title>
</head>
<body>
<div style="text-align: center">
<h3> ONLINE EXAM PORTAL - LOGIN </h3>
<hr>
<form method="post" action="Acceptuser">
Username: <input type="text" name="uname" value=""><br><br>
Password: <input type="password" name="pass" value=""><br><br>
<button type="submit">LOGIN</button>
</form>
</div>
</body>
</html>
Examclient.html
<html>
<head>
<title>Online Exam Client</title>
</head>
<body>
<h2 style="text-align:center">ONLINE EXAMINATION</h2>
<h3>Answer the following questions (5 marks for each correct answer)</h3>
<hr/>
<form name="examForm" method="post" action="Examserver"> 1.Who is called as the father of
computer?<br/>
<input type="radio" name="ans1" value="Sachin">Sachin
<input type="radio" name="ans1" value="Stuart">Stuart
<input type="radio" name="ans1" value="Charles Babbage">Charles Babbage
<input type="radio" name="ans1" value="Napier">Napier
<br/><br/>
2.C++ was developed by?<br/>
<input type="radio" name="ans2" value="Dennis Ritchie">Dennis Ritchie
<input type="radio" name="ans2" value="None">None
<input type="radio" name="ans2" value="David Ritchie">David Ritchie
<input type="radio" name="ans2" value="John">John
<br/><br/>
3.C was developed by?<br/>
<input type="radio" name="ans3" value="Dennis Ritchie">Dennis Ritchie
<input type="radio" name="ans3" value="Stroustrup">Stroustrup
<input type="radio" name="ans3" value="David Ritchie">David Ritchie
<input type="radio" name="ans3" value="Charles Babbage">Charles Babbage
<br/><br/>
<input type="submit" value="Check Your Result"/>
</form>
</body>
</html>
Acceptuser.java
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
@WebServlet("/Acceptuser")
public class Acceptuser extends HttpServlet {
// private static final long serialVersionUID = 1L;
private Connection con;
private PreparedStatement ps;
public void init() throws ServletException {
try {
Class.forName("org.apache.derby.jdbc.ClientDriver");
con = DriverManager.getConnection("jdbc:derby://localhost:1527/six", "root", "root");
ps = con.prepareStatement("SELECT COUNT(*) FROM users WHERE username = ? AND
password = ?");
} catch (Exception ex) {
ex.printStackTrace();
}
}
public void destroy() {
try {
ps.close();
con.close();
ex.printStackTrace();
}
}

String username = request.getParameter("uname");
String password = request.getParameter("pass");
try {
ps.setString(1, username);
ps.setString(2, password);
ResultSet rs = ps.executeQuery();
if (rs.next()) {
int count = rs.getInt(1);
if (count > 0) {
out.println("<b><i><font color='green'>Valid credentials.</font></i></b><br>");
out.println("<a href='examclient.html'><font size='6' color='blue'>Click Here to take
test</font></a>");
} else {
// Invalid credentials
out.println("Invalid credentials");
}
}
rs.close();
} catch (Exception e) {
e.printStackTrace();
}
}
}
ExamServer.java
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
@WebServlet("/Examserver")
public class Examserver extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws
ServletException,
IOException {
response.setContentType("text/html");
String str1 = request.getParameter("ans1");
int mark = 0;
Connection con = null;
Statement stmt = null;
ResultSet rs = null;
try {
Class.forName("org.apache.derby.jdbc.ClientDriver").newInstance();
con = DriverManager.getConnection("jdbc:derby://localhost:1527/six", "root", "root");
stmt = con.createStatement();
rs = stmt.executeQuery("SELECT * FROM examTab");
int i=1;
while(rs.next())
{
if(i==1)
{
String dbans1=rs.getString(1);
if(str1.equals(dbans1))
{
mark=mark+5;
}
}
if(i==2)
{
{
mark=mark+5;
}
}
if(i==3)
{
{
mark=mark+5;
}
} i++;
}
out.println("<html>");
out.println("<head>");
out.println("<title>Online Exam Result</title>");
out.println("</head>");
out.println("<body>");
out.println("<h2>ONLINE EXAMINATION</h2>");
out.println("<hr/>");
if (mark >= 10) {
out.println("<h4>Your Mark Is : " + mark + "</h4>");
out.println("<h3>Congratulations....! You Are Eligible For The Next Round...</h3>");
} else {
out.println("<h4>Your Mark is : " + mark + "</h4>");
out.println("<h3>Sorry....!! You Are Not Eligible For The Next Round...</h3>");
}
out.println("</body>");
out.println("</html>");
}
catch (Exception e) {
out.println("<html><body><h3>Error processing the request. Please try again
later.</h3></body></html>");
} finally {
try {
if (rs != null) rs.close();
if (stmt != null) stmt.close();
if (con != null) con.close();
} catch (SQLException e) {
}
}
}
}
OUTPUT:
EX.No.:7 DYNAM IC WEBPAGE FOR SHOPPING CART
CODE:
ShoppingCart.java:
import java.io.*;
import javax.servlet.http.*;
import java.util.Enumeration;
@WebServlet(urlPatterns = {"/ShoppingCart"})
public class ShoppingCart extends HttpServlet {
String [] items = new String [] {
"Samsung A30", "MI 108 CM Android TV",
"HP USB Pend Drive 32GB", "DELL Core i5, 8GB RAM, 1TB HDD Laptop" };
out.println("<center><h3>ABC SHOPPING CART </h3></center>");
out.println("<hr>");
// get or create the session information
HttpSession session = request.getSession();
int [] purchases = (int [])session.getAttribute("purchases");
if ( purchases == null ) {
purchases = new int [ items.length ];
session.setAttribute( "purchases", purchases );
}
out.println( "<html><head><title>Shopping Cart</title>"
+ "</title></head><body><p>" );
if ( request.getParameter("checkout") != null )
out.println("<h1>Thanks for ordering!</h1>");
else {
if ( request.getParameter("add") != null ) {
addPurchases( request, purchases );
out.println(
"<h1>Purchase added. Please continue</h1>");
} else {
if ( request.getParameter("clear") != null )
for (int i=0; i<purchases.length; i++)
purchases[i] = 0;
out.println("<h1> Please Select Your Items! </h1>");
}
doForm( out, request.getRequestURI() );
}
showPurchases( out, purchases );
out.close();
}
void addPurchases( HttpServletRequest request, int [] purchases ) {
for (int i=0; i<items.length; i++) {
String added = request.getParameter( items[i] );
if ( added !=null && !added.equals("") )
purchases[i] += Integer.parseInt( added );
}
}
void doForm( PrintWriter out, String requestURI ) {
out.println( "<form method=POST action="+ requestURI +">" );
for(int i=0;i< items.length;i++)
out.println( "Quantity <input name=\"" + items[i]+ "\" value=0 size=3> of: " + items[i] +
"<br>");
out.println(
"<p><input type=submit name=add value=\"Add To Cart\">"
+ "<input type=submit name=checkout value=\"Check Out\">"
+ "<input type=submit name=clear value=\"Clear Cart\">"
+ "</form>");
}
void showPurchases( PrintWriter out, int [] purchases )
throws IOException {
out.println("<hr><h2>Your Shopping Basket</h2>");
for (int i=0; i<items.length; i++)
if ( purchases[i] != 0 )
out.println( purchases[i] +""+ items[i] +"<br>" );
}
@Override
}
@Override
}
@Override
return "Short description";}}
OUTPUT:
EX.No.:8 DYNAM IC WEBPAGES USING JSP
CODE:
<html>
<head>
<title>Book Catalogue</title>
</head>
<body>
<h3>ABC Book Store </h3>
<hr>
<a href="http://localhost:8080/WebApplication2/bookdisplay.jsp"> View All Books
</a><BR>
<TABLE>
<TR>
<TD><FORM ACTION="http://localhost:8080/WebApplication2/booksearch.jsp"
method="get">
Enter the Book title to search <input type="text" name ="bname" value="">
<button type="submit">Search</button></TD>
</TR>
</TABLE>
</body>
</html>
Bookdisplay.jsp:
<%@ page import="java.sql.*" %>
<%@ page import="java.io.*" %>
<html>
<head>
<title>display data from the table using jsp</title>
</head>
<body>
<h2>Book Catalog</h2>
<%
try {
Connection connection = null;
Statement statement = null;
connection = DriverManager.getConnection("jdbc:derby://localhost:1527/iplab1", "root",
"root");
statement = connection.createStatement();
String QueryString = "SELECT * from bookdb";
rs = statement.executeQuery(QueryString);
%>
<TABLE cellpadding="15" border="1" style="background-color: #ffffcc;">
<%
while (rs.next()) {
%>
<TR>
<TD><%=rs.getInt(1)%></TD>
<TD><%=rs.getString(2)%></TD>
</TR>
<% } %>
<%
rs.close();
statement.close();
connection.close();
%>
</font>
<font size="+3" color="red"></b>
<%
out.println("Unable to connect to database.");
}
%>
</TABLE><TABLE>
<TR>
<TD><FORM ACTION="index.html" method="get">
<button type="submit"><-- back</button></TD>
</TR>
</TABLE>
</font>
</body>
</html>
Booksearch.js p:
<%@ page import="java.sql.*" %>
<%@ page import="java.io.*" %>
<html>
<head>
<title>display data from the table using jsp</title>
</head>
<body>
<h2>Book Catalog</h2>
<%
try {
String connectionURL = "jdbc:derby://localhost:1527/iplab1";
Connection connection = null;
Statement statement = null;
connection = DriverManager.getConnection(connectionURL, "root", "root");
statement = connection.createStatement();
String ss= request.getParameter("bname");
String QueryString = "SELECT * from bookdb where bname like '"+ss+"%'";
rs = statement.executeQuery(QueryString);
%>
<TABLE cellpadding="15" border="1" style="background-color: #ffffcc;">
<%
while (rs.next()) {
%>
<TR>
<TD><%=rs.getInt(1)%></TD>
</TR>
<% } %>
<%
rs.close();
statement.close();
connection.close();
%>
</font>
<font size="+3" color="red"></b>
<%
out.println(ex);
}
%>
</TABLE><TABLE>
<TR>
<TD><FORM ACTION="index.html" method="get">
<button type="submit"><--back</button></TD>
</TR>
</TABLE>
</font>
</body>
</html>
OUTPUT:
EX.No.:9 XM L DOCUM ENT TO STORE INFORM ATION OF 10 USERS
CODE:
index.html:
<HTML>
<HEAD>
<TITLE>Searching for XML Elements </TITLE>
<SCRIPT>
function readXMLData()
{
var xmlDocumentObject, id , name , address, phone, email;
xmlDocumentObject=new XMLHttpRequest();
xmlDocumentObject.open("GET","userlist.xml",false);
xmlDocumentObject.send();
xmlDocumentObject=xmlDocumentObject.responseXML;
id = xmlDocumentObject.getElementsByTagName("userid");
name = xmlDocumentObject.getElementsByTagName("username");
address = xmlDocumentObject.getElementsByTagName("address");
phone = xmlDocumentObject.getElementsByTagName("phone");
email = xmlDocumentObject.getElementsByTagName("email");
for (i = 0; i < id.length; i++)
{
output=id[i].firstChild.nodeValue;
if (output == document.getElementById("myText").value)
{displayDIV.innerHTML=id[i].firstChild.nodeValue +"<br>"+ name[i].firstChild.nodeValue
+"<br>" + address[i].firstChild.nodeValue + "<br>" + phone[i].firstChild.nodeValue+
"<br>"+email[i].firstChild.nodeValue;
}}}
</SCRIPT>
</HEAD>
<BODY>
<H1>Search User</H1>
<input type="text" id="myText" value="">
<input type="BUTTON" VALUE="Get User Details" ONCLICK="readXMLData()">
<P>
<DIV ID="displayDIV"></DIV>
</BODY>
</HTML>
userlist.xml:
<userlist>
<userid>usr01</userid>
<username>Sathishkumar</username>
<address>Erode</address>
<phone>9213454567</phone>
<email>sathish@gmail.com</email>
<username>Praveen</username>
<email>praveen@gmail.com</email>
<username>sadhik</username>
<email>sadhik@gmail.com</email>
<username>ssathish</username>
<address>Dharmapurai</address>
<email>ssathish@gmail.com</email>
<username>naveen</username>
<address>Perundurai</address>
<email>naveen@gmail.com</email>
</userlist>
OUTPUT:
EX.No.:10 (i)VALIDATE THE FORM USING PHP REGULAR EXPRESSION.
(ii)USING PHP TO STORE A FORM DATA INTO DATABASE
CODE:
i. Validate the form using PHP regular expression
Reg.html:
<html>
<body>
<form action="reg.php" method="post">
<label for="email">Email:</label><br>
<input type="text" id="email" name="email"><br>
<label for="phone">Phone:</label><br>
<input type="text" id="phone" name="phone"><br>
<label for="password">Password:</label><br>
<input type="password" id="password" name="password"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Reg.php:
<?php
function validateEmail($email) {
return filter_var($email, FILTER_VALIDATE_EMAIL);
}
function validatePhone($phone) {
$phone = preg_replace('/\D/', '', $phone);
return strlen($phone) === 10 && is_numeric($phone);
}
function validatePassword($password) {
return strlen($password) >= 8;
}
$email = $_POST['email'];
$phone = $_POST['phone'];
$password = $_POST['password'];
if (!validateEmail($email)) {
echo 'Please enter a valid email address';
} elseif (!validatePhone($phone)) {
echo 'Please enter a valid 10-digit phone number';
} elseif (!validatePassword($password)) {
echo 'Password must be at least 8 characters long';
}
else
{
echo 'Form validated successfully!';
}
?>
OUTPUT:
(ii) PHP stores a form data into database
Connect.php
<?php
$host="localhost:3306";
$user="root";
$pass="";
$con=mysqli_connect($host,$user,$pass);
if(!$con)
{
echo"not conected".mysqli_error();
}
else
{
echo"connected";
}
mysqli_close($con);
?>
Dbconnect.php:
<?php
$user="root";
$pass="";
$db="demo";
$con=mysqli_connect($host,$user,$pass,$db);
if(!$con)
{
echo"db not conected".mysqli_error();
}
else
{
echo"db connected";
}
mysqli_close($con);
?>
Insert.html:
<html>
<body>
<form action="finsert.php" method="post">
<label for="email">Email:</label><br>
<input type="text" id="email" name="email"><br>
<label for="phone">Phone:</label><br>
<input type="text" id="phone" name="phone"><br>
<label for="password">Password:</label><br>
<input type="password" id="password" name="password"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
finsert.php:
<?php
$user="root";
$pass="";
$db="demo";
$con=mysqli_connect($host,$user,$pass,$db);
if(!$con)
{
echo"not connected";
}
else
{
echo" connected";
}
$email = $_POST['email'];
$phone = $_POST['phone'];
$password = $_POST['password'];
$sql="INSERT INTO email(EMAIL,PHONE,PASSWORD)VALUES('$email','$phone','password')";
if(mysqli_query($con,$sql))
{
echo"inserted";
}
else
{
echo" not inserted";
}
?>
OUTPUT:

Wip Printout Final

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Wip Printout Final

Uploaded by

Copyright:

Available Formats

EX.No.

:1 a ) CREATION OF WEB PAGE USING HTML TAGS

In ourdepartmentthe secondyearstrength is 60.

. form-control lable {display: inline-block;

. form-control input{display: block;

protected void doPost(HttpServletRequest request, HttpServletResponse response)

(ii)USING PHP TO STORE A FORM DATA INTO DATABASE

You might also like