To implement the concept of event handling and validating registration form.

To implement the concept of event handling and validating registration form.

November 14, 2016

Source Code:

<!DOCTYPE html>

<html>

<head>

<title>JS9</title>

</head>

<body>

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">

Name: <input type="text" name="fname">

<input type="submit" value="Submit">

</form>

<hr>

<a href="E:\documents\IM LAB\html\html3-mail link.html">Sanjampreet Singh</a>

<br>

<a href="http://sanjamhelping.blogspot.in/p/it-14304-it-methodologies-lab.html">Department Of Information Technology</a>

<br>

<a href="E:\documents\IM LAB\html\js8\js8.html"><-Last Practical</a>    

<a href="E:\documents\IM LAB\html\js10\js10.html">Next Practical-></a>

<br>

<script>

function validateForm()

{

var x = document.forms["myForm"]["fname"].value;

if (x == null || x == "")

{

alert("Name must be filled out");

return false;

}

}

</script>

</body>

</html>

Output:

Include the following source Code in Document Environment in your LaTeX File

LaTeX Source:

\documentclass[12pt]{article}
\usepackage{graphicx}
\usepackage{wrapfig}
\usepackage{multicol}
\usepackage{caption}
\usepackage{subcaption}
\usepackage{transparent}
\usepackage{multirow}
\usepackage{eso-pic}
\usepackage[utf8]{inputenc}
\usepackage{color}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newcommand\BackgroundIm{
\put(0,0){
\parbox[b][\paperheight]{\paperwidth}{
\vfill
\centering
{\transparent{0.05} \includegraphics[height=\paperheight,width=\paperwidth,
keepaspectratio]{gne}
\vfill
}}}}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\begin{document}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\AddToShipoutPicture{\BackgroundIm}
\newpage
\section{\emph{To implement the concept of event handling and validating registration form.}}
\subsection{\emph{Source Code:}}
\begin{verbatim}

<!DOCTYPE html>

<html>

<head><title>JS9</title></head>

<body>

<form name="myForm" action="demo_form.asp" onsubmit="return

validateForm()" method="post">Name: <input type="text" name="fname">

<input type="submit" value="Submit"></form><hr>

<a href="E:\documents\IM LAB\html\html3-mail

link.html">Sanjampreet Singh</a><br>

<a href="http://sanjamhelping.blogspot.in/p/it-14304-it-

methodologies-lab.html">Department Of Information Technology</a><br>

<a href="E:\documents\IM LAB\html\js8\js8.html"><-Last Practical</a>

<a href="E:\documents\IM LAB\html\js10\js10.html">Next Practical-></a><br>

<script>function validateForm()

{var x = document.forms["myForm"]["fname"].value;

if (x == null || x == "")

{alert("Name must be filled out");

return false;}}</script>

</body>

</html>

\end{verbatim}

\subsubsection{\emph{Output:}}

\begin{figure}[h]

\centering

\includegraphics[scale=0.5]{js9}

\caption{Output Of HTML page with Js}

\end{figure}

\end{document}

Output:

Comments