PixelDragonsMVC.NET - An open source MVC framework

<%@ Page Language="C#" MasterPageFile="~/UI/masterPages/public.master"%>

<asp:content id="content" contentplaceholderid="mainContent" runat="server">

    <script language="javascript">
        function onSaveClicked() {
            if(isValid()) {
                $("form").submit();
            }
        }
        
        function isValid() {
            var valid = true;
            
            if($F("name").length == 0) {
                valid = false;
                showErrorMessage("You must enter your name before you can continue.");
            } else if($F("userId").length == 0) {
                valid = false;
                showErrorMessage("You must enter a user id before you can continue.");
            } else if($F("password").length == 0) {
                valid = false;
                showErrorMessage("You must enter a password before you can continue.");
            }
            
            return valid;
        }
        
        function showErrorMessage(message) {
            $("errorMessage").innerHTML = message;
            $("errorBox").show();
        }
    </script>

    <h1>Create a new account</h1>
    <p>You can create a new account to store your contacts by completing the form below.</p>
    
    <div class="links"><a href="home.ashx">Cancel and go back to login</a></div>
    
    <div class="errorMessage" id="errorBox" style="display:none;"><img src="UI/images/icons/error.gif" align="absmiddle" /> <span id="errorMessage"></span></div>
    
    <form action="users-save.ashx" method="post" id="form">
        <div class="field">
            <div class="label"><label>Name:</label></div>
            <div class="control"><input type="text" name="name" id="name" /> (required)</div>
        </div>
        <div class="field">
            <div class="label"><label>User Id:</label></div>
            <div class="control"><input type="text" name="userId" id="userId" /> (required)</div>
        </div>
        <div class="field">
            <div class="label"><label>Password:</label></div>
            <div class="control"><input type="password" name="password" id="password" /> (required)</div>
        </div>
                
        <div class="field">
            <div class="label"></div>
            <div class="control"><img class="button" src="UI/images/buttons/save.gif" onclick="onSaveClicked();" /></div>
        </div>

    </form>
    
</asp:content>