Client-Side Validation with Javascript by Daniel Yee.

Slides:



Advertisements
Similar presentations
DT228/3 Web Development WWW and Client server model.
Advertisements

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
AJAX – The Future of Web Development? Anders Moberg David Mörtsell David Södermark.
Toolbox Mirror -Overview Effective Distributed Learning.
Server-Side vs. Client-Side Scripting Languages
1 Owais Mohammad Haq Department of Computer Science Eastern Michigan University April, 2005 Java Script.
15 Chapter 15 Web Database Development Database Systems: Design, Implementation, and Management, Fifth Edition, Rob and Coronel.
Working with JavaScript. 2 Objectives Introducing JavaScript Inserting JavaScript into a Web Page File Writing Output to the Web Page Working with Variables.
Lecture 3B: Client-Side Scripting IT 202—Internet Applications Based on notes developed by Morgan Benton.
E-commerce Web Site: Sales and Inventory Management System Markku Marjoneva.
Performed by:Gidi Getter Svetlana Klinovsky Supervised by:Viktor Kulikov 08/03/2009.
Chapter 11 ASP.NET JavaScript, Third Edition. 2 Objectives Learn about client/server architecture Study server-side scripting Create ASP.NET applications.
E-Commerce The technical side. LAMP Linux Linux Apache Apache MySQL MySQL PHP PHP All Open Source and free packages. Can be installed and run on most.
COMPUTER TERMS PART 1. COOKIE A cookie is a small amount of data generated by a website and saved by your web browser. Its purpose is to remember information.
Web Design Basic Concepts.
Server- Side technologies Client-side vs. Server-side scripts PHP basic ASP.NET basic ColdFusion.
JavaScript and The Document Object Model MMIS 656 Web Design Technologies Acknowledgements: 1.Notes from David Shrader, NSU GSCIS 2.Some material adapted.
Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.
 2004 Prentice Hall, Inc. All rights reserved. Chapter 7 - JavaScript: Introduction to Scripting Outline 7.1 Introduction 7.2 Simple Program: Printing.
Copyright ©2005  Department of Computer & Information Science Introducing DHTML & DOM: Form Validation.
JavaScript Teppo Räisänen LIIKE/OAMK HTML, CSS, JavaScript HTML defines the structure CSS defines the layout JavaScript is used for scripting It.
.NET Validation Controls MacDonald Ch. 8 MIS 324 MIS 324 Professor Sandvig Professor Sandvig.
Dynamic Web Pages (Flash, JavaScript)
HTML Forms and Scripts. Session overview What are forms? Static vs dynamic Client-side scripts –JavaScript.
Chapter 5 Java Script And Forms JavaScript, Third Edition.
Week 7 Lecture Web Database Development Samuel Conn, Asst. Professor
Homework for October 2011 Nikolay Kostov Telerik Corporation
Web Authoring Rico Yu. Ch.10 Static and Dynamic Web Pages Static Web page Dynamic Web page Types of Dynamic Web pages.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Dynamic Action with Macromedia Dreamweaver MX Barry Sosinsky Valda Hilley.
Lecture 7 Interaction. Topics Implementing data flows An internet solution Transactions in MySQL 4-tier systems – business rule/presentation separation.
Programming the Web Web = Computer Network + Hypertext.
Working with Cookies Managing Data in a Web Site Using JavaScript Cookies* *Check and comply with the current legislation regarding handling cookies.
JavaScript Tabriz university Its September 1995.
JavaScript is a client-side scripting language. Programs run in the web browser on the client's computer. (PHP, in contrast, is a server-side scripting.
CS453: State in Web Applications (Part 1) State in General Sessions (esp. in PHP) Prof. Tom Horton.
Chapter 8 Cookies And Security JavaScript, Third Edition.
An Introduction to JavaScript Summarized from Chapter 6 of “Web Programming: Building Internet Applications”, 3 rd Edition.
Extending HTML CPSC 120 Principles of Computer Science April 9, 2012.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
CSC317 – INTERNET PROGRAMMING CSC318 – DYNAMIC WEB APPLICATION DEVELOPMENT BY: MUHD EIZAN SHAFIQ BIN ABD AZIZ FACULTY of COMPUTER and MATHEMATICAL SCIENCES.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
1 CSC317/318 INTERNET PROGRAMING / DYNAMIC WEB APPLICATION DEVELOPMENT Siti Nurbaya Ismail Faculty of Computer & Mathematical Sciences, Universiti Teknologi.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 9 Key Concepts 1 Copyright © Terry Felke-Morris.
Introduction to JavaScript CS101 Introduction to Computing.
Overview of Form and Javascript fundamentals. Brief matching exercise 1. This is the software that allows a user to access and view HTML documents 2.
RUBRIC IP1 Ruben Botero Web Design III. The different approaches to accessing data in a database through client-side scripting languages. – On the client.
Dynamic Web Pages Jin Wu INF 385E Information Architecture School of Information 11/2/2006 Jin Wu INF 385E Information Architecture School of Information.
Client-side & Server-side Scripting ©Richard L. Goldman August 5, 2003 Requires PowerPoint 2002 or later for full functionality.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 9 Key Concepts 1 Copyright © Terry Felke-Morris.
14 1 Chapter 14 Web Database Development Database Systems: Design, Implementation, and Management, Sixth Edition, Rob and Coronel.
WEB SERVER SOFTWARE FEATURE SETS
Javascript JavaScript is what is called a client-side scripting language:  a programming language that runs inside an Internet browser (a browser is also.
ASP. ASP is a powerful tool for making dynamic and interactive Web pages An ASP file can contain text, HTML tags and scripts. Scripts in an ASP file are.
ASP-2-1 SERVER AND CLIENT SIDE SCRITPING Colorado Technical University IT420 Tim Peterson.
 2003 Prentice Hall, Inc. All rights reserved. Chapter 7 - JavaScript: Introduction to Scripting Outline 7.1 Introduction 7.2 Simple Program: Printing.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
JavaScript 101 Introduction to Programming. Topics What is programming? The common elements found in most programming languages Introduction to JavaScript.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Introduction to ASP.NET development. Background ASP released in 1996 ASP supported for a minimum 10 years from Windows 8 release ASP.Net 1.0 released.
Basics Components of Web Design & Development Basics, Components, Design and Development.
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
Unit 4 Working with data. Form Element HTML forms are used to pass data to a server. A form can contain input elements like text fields, checkboxes, radio-buttons,
Client-side processing 26 Client-side processing 26.
A Presentation Presentation On JSP On JSP & Online Shopping Cart Online Shopping Cart.
>> Introduction to Web Applications
Client-Side Validation with Javascript
Web Design and Development
[Robert W. Sebesta, “Programming the World Wide Web
Introduction to Programming and JavaScript
Presentation transcript:

Client-Side Validation with Javascript by Daniel Yee

Client-Side Scripting Language Javascript European Computer Manufacturers Association (ECMA) ECMA-262 Third edition Updated Last December 1999

Javascript Not a full fledged programming language Cannot connect to databases Limited interactions to system resources Cannot do tasks most web databases require

Common Uses of Javascript Validation of data Simple interaction with data Adding dynamic elements to web page

Benefits of using Javascript Faster response then using server-side validation Reduction in web-server load Reduction in network traffic Can be saved as a file - file.js and reused by typing

Warning!!!!!!!!!!!!! Never rely on client-side validation as the only method of ensuring requirements and constraints Javascript can be bypassed by the user through design, error, or configuration

Validating Data Simple example for validating a with JavaScriptexample Check for whitespace

Batch Error Reporting Validation for multiple fields Batch error reporting Example

Interactive Validation Password validation Example

Dynamic Elements Some implementations not associated with web database applications MouseOver Prefilled calculations

MouseOver Creating a mouseOver Event Example

Prefilled Calculations Shopping cart updating Example

Conclusion Javascript is a client-side scripting language Can be used for validating forms and enhancing user interactions Benefits include improved speed, reduced load, and added features

REMEMBER!!!!! NEVER USE AS THE ONLY METHOD TO ENSURE REQUIREMENTS, SECURITY, AND CONSTRAINTS WHY? BECAUSE IT CAN BE BYPASSED BY THE USER

The End