Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
- <title>Register</title>
- </head>
- <div class="tutorialWrapper">
- <form>
- <div class="fieldWrapper">
- Username<br />
- <input type="text" onkeypress="validate(event)" id="user_input" name="username" /><br />
- <label for="pass1">Password</label><br />
- <input type="password" id="pass1" name="password" maxlength="1000" /><br />
- </div>
- <div class="fieldWrapper">
- <label for="pass2">Confirm Password:</label><br />
- <input type="password" id="pass2" name="pass2" onkeyup="checkPass(); return false;" /><br />
- Email<br />
- <input type="email" id="email" name="email" maxlength="200" /><br />
- <input type="submit" id="register" value="Register" disabled="disabled" />
- <span id="confirmMessage" class="confirmMessage"></span>
- </div>
- </form>
- </div>
- <hr>
- <address>Random Password Generator</address>
- <script>
- function randomPassword(length)
- {
- chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
- pass = "";
- for(x=0;x<length;x++)
- {
- i = Math.floor(Math.random() * 62);
- pass += chars.charAt(i);
- }
- return pass;
- }
- function formSubmit()
- {
- passform.passbox.value = randomPassword(passform.length.value);
- return false;
- }
- </script>
- <form name="passform">
- <p>
- Length: <select name="length">
- <option value="1">01</option>
- <option value="2">02</option>
- <option value="3">03</option>
- <option value="4">04</option>
- <option value="5">05</option>
- <option value="6">06</option>
- <option value="7">07</option>
- <option value="8">08</option>
- <option value="9">09</option>
- <option value="10">10</option>
- <option value="11">11</option>
- <option value="12">12</option>
- <option value="13">13</option>
- <option value="14">14</option>
- <option value="15">15</option>
- <option value="16">16</option>
- <option value="17">17</option>
- <option value="18">18</option>
- <option value="19">19</option>
- <option value="20">20</option>
- <option value="21">21</option>
- <option value="22">22</option>
- <option value="23">23</option>
- <option value="24">24</option>
- <option value="25">25</option>
- <option value="26">26</option>
- <option value="27">27</option>
- <option value="28">28</option>
- <option value="29">29</option>
- <option value="30">30</option>
- <option value="31">31</option>
- <option value="32">32</option>
- <option value="33">33</option>
- <option value="34">34</option>
- <option value="35">35</option>
- <option value="36">36</option>
- <option value="37">37</option>
- <option value="38">38</option>
- <option value="39">39</option>
- <option value="40">40</option>
- <option value="41">41</option>
- <option value="42">42</option>
- <option value="43">43</option>
- <option value="44">44</option>
- <option value="45">45</option>
- <option value="46">46</option>
- <option value="47">47</option>
- <option value="48">48</option>
- <option value="49">49</option>
- <option value="50">50</option>
- </select></p>
- <p>
- Password: <input name="passbox" type="text" size="60" tabindex="1"></p>
- <p>
- <input type="button" value="Generate" onClick="javascript:formSubmit()" tabindex="2"> <input type="reset" value="Clear" tabindex="3"></p>
- </form>
- </table>
- <script>
- function checkPass()
- {
- var pass1 = document.getElementById('pass1');
- var pass2 = document.getElementById('pass2');
- var message = document.getElementById('confirmMessage');
- var goodColor = "#66cc66";
- var badColor = "#ff6666";
- if(pass1.value == pass2.value){
- pass2.style.backgroundColor = goodColor;
- message.style.color = goodColor;
- message.innerHTML = "Passwords match!"
- }else{
- pass2.style.backgroundColor = badColor;
- message.style.color = badColor;
- message.innerHTML = "Passwords do not match!"
- }
- }
- </script>
- <script>
- (function() {
- $('form > input').keyup(function() {
- var empty = false;
- $('form > input').each(function() {
- if ($(this).val() == '') {
- empty = true;
- }
- });
- if (empty) {
- $('#register').attr('disabled', 'disabled');
- } else {
- $('#register').removeAttr('disabled');
- }
- });
- })()
- </script>
- <script>
- function validate(e) {
- e = e || window.event;
- var bad = /[^\sa-z\d]/i,
- key = String.fromCharCode( e.keyCode || e.which );
- if ( e.which !== 0 && e.charCode !== 0 && bad.test(key) ) {
- e.returnValue = false;
- if ( e.preventDefault ) {
- e.preventDefault();
- }
- }
- }
- </script>
- </head>
- </html>
Add Comment
Please, Sign In to add comment