<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- more-refactored demo of form validation using JavaScript * p element with id="errors" NOT included here! ...it is CREATED and added if needed, instead; * MOVES all JavaScript into external files * uses postLab12.js instead of allFilled.js or allFilled2.js) by: Sharon Tuttle last modified: 2016-04-17 --> <head> <title> refactored JavaScript form validation </title> <meta charset="utf-8" /> <link href="http://users.humboldt.edu/smtuttle/styles/normalize.css" type="text/css" rel="stylesheet" /> <link href="three-value-form.css" type="text/css" rel="stylesheet" /> <!-- replace with "postLab12-mod.js" to try out Module-pattern-version --> <script src="postLab12.js" type="text/javascript"> </script> </head> <body> <h1> Refactored JavaScript form validation example </h1> <p> <strong> note: button requires JavaScript to work! </strong> </p> <button id="test"> MUCK with 1st textfield </button> <form action="three-value-response3.php" method="get" id="valueForm"> <fieldset> <legend> Enter values for application </legend> <label for="value1"> String Value 1: </label> <input type="text" name="first" id="value1" required="required" /> <br /> <label for="value2"> Numeric Value 2: </label> <input type="text" name="second" class="right" id="value2" value="13" required="required" /> <br /> <label for="value3"> Value 3: </label> <input type="text" name="third" id="value3" required="required" /> <br /> <div class="sub_button"> <input type="submit" value="submit values" /> </div> </fieldset> </form> <?php require_once("328footer-better.html"); ?> </body> </html>