Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

324 CHAPTER 7 Working with forms

Lesson review

Answer the following questions to test your knowledge of the information in this lesson. You can find the answers to these questions and explanations of why each answer choice is correct or incorrect in the “Answers” section at the end of this chapter.

You are creating a webpage that will collect data and send it to a server. Which ele-
ment must you implement to be able to send data to the server?
A.

B.

C.

<br />
D. <div></li><br />
<li>When you retrieve a webpage from the server that contains Customer information, you<br />
want to be able to specify the id of the Customer within the URL. What can you use to<br />
provide the id?<br />
A. the PostBack<br />
B. the QueryString<br />
C. the domain name<br />
D. a label</li><br />
<li>You have serialized the form data that has an <input type=”email”> element. You<br />
want to deserialize the data to see the email address as entered. Which function can<br />
you use?<br />
A. decodeURIComponent<br />
B. deserialize<br />
C. submit<br />
D. deserializeEmail</li><br />
</ol><br />
<h3>Lesson 2: Form validation</h3><br />
<pre><code>When writing a web application, the root of all mishap is user input. If you didn’t need to col-<br />
lect data from a user, you would probably have a secure web application, but a web applica-<br />
tion that collects no data is probably not useful. As soon as you need to collect user data, you<br />
open the door to your application, so you need to make sure that user input is secure. To do<br />
so, provide input validation at the server. Validation at the server is secure and ensures data<br />
integrity.<br />
The problem with input validation at the server is that a round trip has to be made to<br />
the server to do the validation, and the time to make the round trip can be annoying to the<br />
user. To manage this problem, you can provide input validation at the browser. However,<br />
if you provide validation at the browser, you need validation at the server. The problem</code></pre>            </div>
            <meta itemprop='headline' content="p 346: Lesson 2: Form validation - Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook - free download pdf - issuhub">
        </div>

<div role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement">
                            <span itemprop="url"><b><a href="/view/index?id=4154&pageIndex=345" rel="previous" itemprop="name">← Previous</a></b></span>
            
                            <span itemprop="url" class="mx-3"><b><a href="/view/index?id=4154&pageIndex=347" rel="next" itemprop="name">Next →</a></b></span>
                    </div>
        <div style="
            text-align: center;
            margin: 20px auto;
            padding: 13px;
            width: 240px;
            font-size: 20px;
        ">
            <a class="page-link" style="background-color: #72bf86;" target="_blank" href="/view/index?id=4154&pageIndex=345#bookdownload" title="Free download pdf" >Free download pdf</a>
        </div>
    </div>
        <div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 ml-lg-auto mb-5 mb-lg-0">

<div class="mb-4">
                    <h5 class="text-dark">Get our desktop app</h5>
                </div>

</div>
            <div class="col-6 col-md-3 col-lg mb-5 mb-lg-0">
                <h5 class="text-dark">Company</h5>

<ul class="list-unstyled mb-0">
                    <li class="my-2"><a  href="/about">About</a></li>
                    <li class="my-2"><a  href="/contact">Contact</a></li>
                    <li class="my-2"><a  href="/news/index">News</a></li>
                </ul>
                
            </div>
            <div class="col-6 col-md-3 col-lg mb-5 mb-lg-0">
                <h5 class="text-dark">Features</h5>

<li class="my-2"><a  href="/quick">Quick Start</a></li>
                    <li class="my-2"><a  href="/desktop">Desktop</a></li>
                    <li class="my-2"><a  href="/editor-help">Editor</a></li>

</ul>
            </div>
            <div class="col-6 col-md-3 col-lg">
                <h5 class="text-dark">Documentation</h5>

<li class="my-2"><a  href="/support/index">Support</a></li>
                    <li class="my-2"><a  href="/site/pricing">Pricing</a></li>
                </ul>
            </div>
            <div class="col-6 col-md-3">
                <h5 class="text-dark">Resources</h5>

<li class="my-2"> <a  href="/tutorial" target="_blank"> <span class="media align-items-center"> <i class="fa fa-info-circle mr-2"></i> <span class="media-body">Tutorial</span> </span> </a> </li>
                    <li class="my-2"> <a  href="/site/login"> <span class="media align-items-center"> <i class="fa fa-user-circle mr-2"></i> <span class="media-body">Your Account</span> </span> </a> </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-6 mb-4 mb-md-0">
                
                <ul class="nav nav-sm nav-white nav-x-sm align-items-center">
                    <li class="my-2"> <a  href="/privacy">Privacy & Policy</a> </li>
                    <li class=" opacity my-2 mx-3">/</li>
                    <li class="my-2"> <a  href="/terms">Terms</a> </li>
                </ul>
            </div>
            <div class="col-md-6 text-md-right">
                <ul class="list-inline mb-0">
                    
                    <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-light" href="https://www.facebook.com/Issuhub-Flipbook-2315543688769343/"> <i class="fa fa-facebook text-dark"></i> </a> </li>
                    <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-light" href="https://twitter.com/IssuhubBooks"> <i class="fa fa-twitter text-dark"></i> </a> </li>

</ul>
            </div>
        </div>
        
        <div style="text-align: center;">
            <div >© ISSUHUB. 2025. All rights reserved.</div>
        </div>
        
    </div>
</div>

</div>
</div>
<script src="/assets/6df76c57/assets/js/vendors/jquery-3.2.1.min.js"></script>
<script src="/assets/6df76c57/assets/js/vendors/bootstrap.bundle.min.js"></script></body>
</html>