javascript.pptx

JAVASCRIPT OBJECT NOTATION
(JSON)
JSON or JavaScript Object Notation is a
lightweight text-based open standard
designed for human-readable data
interchange.
Common use of json is to read data
from a web server and display the data
in a web page.

It has been extended from the
JavaScript scripting language.
The filename extension is .json.

Uses of JSON
JSON format is used for transmitting structured
data over network connection.
It is primarily used to transmit data between a
server and web applications.
Web services and APIs use JSON format to provide
public data.
It can be used with modern programming
languages.

Characteristics of JSON
JSON is easy to read and write.
It is a lightweight text-based interchange
format.
JSON is language independent.

Example
"book": [
{
"id":"01",
"language": "Java",
"edition": "third",
"author": "Herbert Schildt"
},
}

{
"id":"07",
"language": "C++",
"edition": "second",
"author": "E.Balagurusamy"
}
]

save the below code as json.htm −
<html>
<head>
<title>JSON example</title>
<script language = "javascript" >
var object1 = { "language" : "Java", "author" :
"herbert schildt" };
document.write("<h1>JSON with JavaScript
example</h1>");
document.write("<br>");
document.write("<h3>Language = " +
object1.language+"</h3>");
document.write("<h3>Author = " +
object1.author+"</h3>");

var object2 = { "language" : "C++", "author" :
"E-Balagurusamy" };
document.write("<br>");
document.write("<h3>Language = " +
object2.language+"</h3>");
document.write("<h3>Author = " +
object2.author+"</h3>");
document.write("<hr />");

document.write(object2.language + "
programming language can be studied " +
"from book written by " + object2.author);
document.write("<hr />");
</script>
</head>
<body>
</body>
</html>

JavaScript - Form Validation
Form validation normally used to occur at
the server, after the client had entered all
the necessary data and then pressed the
Submit button.
If the data entered by a client was incorrect
or was simply missing, the server would
have to send all the data back to the client
and request that the form be resubmitted
with correct information.

Form validation generally performs two
functions.
Basic Validation − First of all, the form must be
checked to make sure all the mandatory fields
are filled in. It would require just a loop through
each field in the form and check for data.
Data Format Validation − Secondly, the data
that is entered must be checked for correct form
and value. Your code must include appropriate
logic to test correctness of data.

Example
<html>
<head>
<title>Form Validation</title>
<script type = "text/javascript">

</script>
</head>

<body>
<form name = "myForm" onsubmit =
"return(validate());">
<table cellspacing = "2" cellpadding = "2" border =
"1">
<tr>
<td align = "right">Name</td>
<td><input type = "text" name = "Name"
/></td>
</tr>
<tr>
<td align = "right">EMail</td>
<td><input type = "text" name = "EMail" /></td>
</tr>

<tr>
<td align = "right">Zip Code</td>
<td><input type = "text" name = "Zip" /></td>
</tr>
<tr>
<td align = "right">Country</td>
<td>
<select name = "Country">
<option value = "-1" selected>[choose
yours]</option>
<option value = "1">USA</option>
<option value = "2">UK</option>
<option value = "3">INDIA</option>
</select>
</td>
</tr>

Basic Form Validation
<!--
// Form validation code will come here.
function validate()
if( document.myForm.Name.value == "" ) {
alert( "Please provide your name!" );
document.myForm.Name.focus() ;
return false;
}
if( document.myForm.EMail.value == "" ) {
alert( "Please provide your Email!" );
document.myForm.EMail.focus() ;
return false;

if( document.myForm.Country.value == "-1" ) {
alert( "Please provide your country!" );
return false;
}
return( true );} </script>

</script>
Data Format Validation

javascript.pptx

Recommandé

Recommandé

Contenu connexe

Similaire à javascript.pptx

Similaire à javascript.pptx (20)

Dernier

Dernier (20)

javascript.pptx