CI++ article gist 08

cipp_08.html

<style type="text/css">
    #loginform_main {
        border: 1px solid silver;
        border-radius: 10px;
        padding: 10px;
        margin: auto;
    }
    #loginform_main label {
        display: inline-block;
        width: 200px;
        border-right: 1px solid silver;
        margin-right: 10px;
    }
</style>

<form id="loginform_main" action="" method="post">
    <div class="formrow">
    <label for="loginform_username">Username: </label>
    <input type="text" name="username" placeholder="username" id="loginform_username" />
    </div>
    <div class="formrow">
    <label for="loginform_password">Password: </label>
    <input type="password" name="password" placeholder="password" id="loginform_password" />
    </div>
    <br />
    <input type="submit" name="submit" value="Log in" />
</form>

<script type="text/javascript" src="/validate.js"></script>
<script>
    $(document).ready(function(){
        $("loginform_main").validate();
    });
</script>

https://gist.github.com/4703512