Skip to content

Instantly share code, notes, and snippets.

@kelmerp

kelmerp/form-validator.js

Forked from ksolo/form-validator.js
Last active December 21, 2015 03:39
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save kelmerp/6244022 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save kelmerp/6244022 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @dbc-apprentice dbc-apprentice revised this gist Aug 15, 2013. 1 changed file with 19 additions and 2 deletions.
    21 changes: 19 additions & 2 deletions form-validator.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,22 @@
    // shorthand for $(document).ready();
    $(function(){
    //Your code...

    });
    $("form").submit(function(event) {
    event.preventDefault();
    var array = $('form').serializeArray();
    var emailRegex = /[A-z0-9]+@[A-z0-9]+\.[A-z]{2,4}/;
    var passwordRegex = /(.*[A-Z]+.*[0-9].*|.*[0-9].*[A-Z]+.*)/;
    var email = array[0].value;
    var password = array[1].value;
    console.log(email);
    console.log(password);
    if (!emailRegex.test(email)){
    $('ul').append("<li>Must be a valid email address</li>");
    }
    if ((password.length < 8) || (!passwordRegex.test(password))) {
    $('ul').append("<li>Password must have at least one numberic character (0-9)</li>");
    $('ul').append("<li>Password must have at least one capital letter</li>");
    $('ul').append("<li>Password must be at least 8 characters long</li>");
    }
    });
    });
  2. Kevin Solorio created this gist Aug 2, 2013.
    5 changes: 5 additions & 0 deletions form-validator.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,5 @@
    // shorthand for $(document).ready();
    $(function(){
    //Your code...

    });
    22 changes: 22 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,22 @@
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="main.css">
    <title>Form Validation</title>
    </head>
    <body>
    <form name="sign_up" action="#" method="post">
    <label for="email">Email</label>
    <input type="text" name="email" />
    <label for="password">Password</label>
    <input type="password" name="password" />

    <button type="submit">Sign Up</button>

    <ul id="errors"></ul>
    </form><body>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="form-validator.js"></script>
    </body>
    </html>
    3 changes: 3 additions & 0 deletions main.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    ul#errors {
    color: red;
    }