| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /nginx/html/JimMartinson/CST1022/Labs/_Archive/Lab06/ |
Upload File : |
<?
// JimMartinson/MMDT1021/Labs/Lab05/Lab05.phpinc
$css .= ',colorCode.css';
require('Gradebook/EvaluationSubmission_BEGIN.phpinc'); // Replaced.
$ShowSpanCountBefore = false;
#$ShowSpanCountBefore = true;
?>
<style type="text/css">
b { white-space:nowrap; }
</style>
<?
?>
<a name="Lab"></a>
<fieldset><legend>Description</legend>
Demonstrate form validation with JavaScript.<br>
<?=$gradeNote?>
</fieldset>
<fieldset><legend><?=$evaluationType?> Instruction</legend>
<ol id="main" class="count">
<li>Create a folder for this <?=strtolower($evaluationType)?> named <b><?=$evaluationName?></b> and keep all documents used for <?=$evaluationType?> <?=$evaluationNumber?> in that folder.</li>
<ol>
<li>Copy your Lab 5 documents (Lab05.html, Lab05.css, and Lab05.js) into this folder.</li>
<li>Rename them <?=$evaluationName?>.html, <?=$evaluationName?>.css, and <?=$evaluationName?>.js.</li>
<li>Edit any code in the documents to reflect the <?=$evaluationName?> change.</li>
</ol>
<div id="show_page" class="inline"><a href="#" onClick="divHide('show_page'); divShow('hide_page'); return false;">See an example:</a></div>
<div id="hide_page" class="hidden"><a href="#" onClick="divHide('hide_page'); divShowInline('show_page'); return false;">Hide the example.</a>
<? /**/ ?>
<? include('common/Browser/Browser.phpinc'); BrowserBegin($evaluationType.' '.$evaluationNumber.' - Jim Martinson','file://'.$courseNumber.'/'.$evaluationName.'/'.$evaluationName.'.html'); ?>
<? /**/ ?>
<img src="example.gif" alt="example">
<? /**/ ?>
<? BrowserEnd(); ?>
<? /**/ ?>
</div>
</li>
<li>Edit the JavaScript document is it now validates form data as follows:
<ol>
<li>First Name: txtFirstName: must me an alpha string.</li>
<li>Last Name: txtLastName: can now be blank or an alpha string.</li>
<li>Address line 1: txtAddr1: must me a non-blank string.</li>
<li>Address line 2: txtAddr2: may be blank or a non-blank string.</li>
<li>City: txtCity: must me an alpha string.</li>
<li>State: txtState: must me a two character string that matches a state abbreviation.</li>
<li>ZIP: txtZIP: must be a 5 digit number.</li>
<li>Email address: txtEmail: must conform to a valid email address.</li>
<li>One of the hobbies checkboxes (chkGarden, chkRead, or chkSport) must be checked.</li>
<li>One of the age radio buttons (radAge) must be checked.</li>
</ol>
</li>
<li>Turn in your assignment:
<ol>
<li>Zip up your <b><?=$evaluationName?></b> folder into a file named <b><?=$uploadFilename?></b>.</li>
<li>Browse and select your <b><?=$uploadFilename?></b> file: <input type="file" name="fileUpload" id="inpFileUpload"<?=$disabled?>><div id="divFileploadError"></div></li>
<li>Then <input type="submit" name="f_subtask" id="inpSubmit" value="Submit"> for grading.</li>
</ol>
</li>
</ol>
<?=$gradeNote?>
</fieldset>
<fieldset><legend>NOTES:</legend>
<b>We will be using the following in every html page throughout this class:</b>
<ul>
<li>The HTML 5 DOCTYPE: <span class="highELE"><!DOCTYPE html></span>.</li>
<li>An html tag with <span class="highATT">lang</span> attribute: <span class="highELE"><html <span class="highATT">lang="<span class="highVAL">en</span>"</span>></span>.</li>
<li>A <span class="highELE">title</span> tag.</li>
<li>The meta character set tag <span class="highELE"><meta <span class="highATT">charset="<span class="highVAL">UTF-8</span>"</span>></span>.</li>
</ul>
</fieldset>
<script src="/js/colorCode.js"></script>
<?
require('Gradebook/EvaluationSubmission_END.phpinc'); // Replaced.
if ($TRACK != '') $_SESSION['TRACK'] .= "<li>End ".basename(__FILE__)."</ol>\n";
?>