Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <script>
- $(document).ready(function () {
- $("#form1").validate({
- invalidHandler: function() {
- alert('FAILED validation');
- },
- submitHandler: function() {
- alert('PASSED validation');
- }
- });
- });
- </script>
- <style>
- form.form1 label.error { display: none; }
- </style>
- <link href="/css/e1.5.css" rel="stylesheet" type="text/css" />
- <link href="/css/blue1.5.css" rel="stylesheet" type="text/css" />
- <script src="/js/jquery-1.10.2.min.js" type="text/javascript"></script>
- <script src="/js/globalscripts-1.1.js" type="text/javascript"></script>
- <script src="/js/jquery.validate.js"></script>
- <script src="/js/jquery.js"></script>
- </head>
- <body>
- <div id="loc" class="fw">
- <div id="header">
- <div id="searchbar" class="fl">
- <form action="/search/" method="get" name="searchform" id="searchform" class="fr">
- <input name="q" type="text" id="searchq" value="Search" class="clearme" maxlength="20" />
- <input type="submit" value="Search" id="searchbutton" />
- </form>
- </div><!-- #searchbar -->
- </div><!-- #header --><ul id="crumbs"><li><a href="/">Home</a></li><li><a href="template.php">Template</a></li><li>This page</li></ul><!-- crumbs -->
- <div id="content">
- <div id="maincontent">
- <h1>Title</h1>
- <form id="form1" name="form1" method="post" action="survsubmit.php" novalidate="novalidate">
- <fieldset>
- 1 . Question One
- <br/>
- <fieldset>
- <label for="check[0]">
- <input type="checkbox" class="checkbox" id="check[0]" name="0" value="Opt One" required="required" minlength="2">Opt One
- </label>
- <br />
- <label for="check[1]"><input type="checkbox" class="checkbox" id="check[1]" name="0" value="Opt Two">Opt Two
- </label>
- <br />
- <label for="check[2]"><input type="checkbox" class="checkbox" id="check[2]" name="0" value="Opt Three">Opt Three
- </label>
- <br />
- <label for="check[3]"><input type="checkbox" class="checkbox" id="check[3]" name="0" value="Opt Four">Opt Four
- </label>
- <br />
- <label for="0" class="error" style="display:none"> Please select at least one option. </label>
- <br/>
- </fieldset>
- 2 . Question Two
- <br/>
- <fieldset>
- <label for="check[4]">
- <input type="checkbox" class="checkbox" id="check[4]" name="1" value="aaaa" required="required" minlength="2">aaaa
- </label>
- <br />
- <label for="check[5]"><input type="checkbox" class="checkbox" id="check[5]" name="1" value="bbbb">bbbb
- </label>
- <br />
- <label for="check[6]"><input type="checkbox" class="checkbox" id="check[6]" name="1" value="cccc">cccc
- </label>
- <br />
- <label for="check[7]"><input type="checkbox" class="checkbox" id="check[7]" name="1" value="dddd">dddd
- </label>
- <br />
- <label for="1" class="error" style="display:none"> Please select at least one option. </label>
- <br/>
- </fieldset>
- 3 . Question Three
- <br/>
- <input type="radio" name="2" id="radio[8]" value="Yes" required/>Yes
- <br />
- <input type="radio" name="2" id="radio[9]" value="No" required/>No
- <br />
- <label for="2" class="error" style="display:none"> Please select at least one option. </label>
- <br/>
- <br/>
- <br/>
- <input type="submit" value="Submit!" />
- </fieldset>
- </form>
- </div><!-- #maincontent -->
- <div id="sidebar">
- <h3>Title</h3>
- <p></p>
- </div><!-- #sidebar -->
- </div><!-- #content -->
- </div><!-- #loc -->
- <div id="footer">
- <div id="footercontent">
- </div>
- </div><!-- #footer -->
- <!-- IndiCode V3.0 - 3 Whiskies Down -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement