123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 |
- <!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>
-
- <script src="scriptaculous/lib/prototype.js" type="text/javascript"></script>
- <script src="scriptaculous/src/effects.js" type="text/javascript"></script>
- <script type="text/javascript" src="validation.js"></script>
- <script type="text/javascript">
- //<![CDATA[
- <!--
- // Alternative Style: Working With Alternate Style Sheets
- // http://www.alistapart.com/articles/alternate/
- function setActiveStyleSheet(title) {
- var i, a, main;
- for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
- if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
- a.disabled = true;
- if(a.getAttribute("title") == title) a.disabled = false;
- }
- }
- }
- //-->
- //]]>
- </script>
- <link title="style" rel="stylesheet" href="css/lan.css" type="text/css" />
- </head>
- <body>
- <div class="form_content">
- <form id="test" action="#" method="get">
- <fieldset>
- <legend>注册</legend>
- <div class="form-row">
- <div class="field-label"><label for="field1">用户名:</label></div>
- <div class="field-widget"><input name="field1" id="field1" class="required" title="" />
- <br/><span style="color: red">*</span></div>
- </div>
-
- <div class="form-row">
- <div class="field-label"><label for="field2">密码:</label></div>
- <div class="field-widget"><input name="field2" id="field2" class="required" title="" />
- <span style="color: red">*<span style="color: grey;">(至少6位)</span></span>
- </div>
- </div>
- <div class="form-row">
- <div class="field-label"><label for="field2">确认密码:</label></div>
- <div class="field-widget"><input name="field2" id="field2" class="required" title="" />
- <span style="color: red">*</span>
- </div>
- </div>
-
- </fieldset>
- <fieldset>
-
-
-
-
- <div class="form-row">
- <div class="field-label"><label for="field6">性别:</label></div>
- <div class="field-widget">
- <select id="field6" name="field6" class="validate-selection" title="">
- <option>男</option>
- <option>女</option>
- </select>
- <span style="color: red">*</span>
- </div>
- </div>
-
- <div class="form-row">
- <div class="field-label"><label for="field6">学号:</label></div>
- <div class="field-widget">
- <input name="field5" id="field5" class="required" title="" />
- <span style="color: red">*</span>
- </div>
- </div>
- <div class="form-row">
- <div class="field-label"><label for="field6">手机号码:</label></div>
- <div class="field-widget">
- <input name="field5" id="field5" class="required" title="" />
- <span style="color: red">*</span>
- </div>
- </div>
-
-
- </fieldset>
- <input type="submit" class="submit" value="重置" />
- <a href="contact.html">
- <input class="reset" type="button" id="input1" onclick="myFunction()" value="注册"/></a>
-
- </form>
- </div>
- <script type="text/javascript">
- function formCallback(result, form) {
- window.status = "valiation callback for form '" + form.id + "': result = " + result;
- }
-
- var valid = new Validation('test', {immediate : true, onFormValidate : formCallback});
- Validation.addAllThese([
- ['validate-password', '> 6 characters', {
- minLength : 7,
- notOneOf : ['password','PASSWORD','1234567','0123456'],
- notEqualToField : 'field1'
- }],
- ['validate-password-confirm', 'please try again.', {
- equalToField : 'field8'
- }]
- ]);
-
- function myFunction(){
- alert("注册成功!");
- }
- </script>
- </body>
- </html>
|