jQuery Validate 插件 - Marketo 注册表单

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery Validate 插件 - Marketo 注册表单</title>

</head>

<div id="header-background">
            <div class="nav-global-container">
                <div class="login"><a href="#"><span></span>客户登录</a></div>
                <div class="logo"><a href="#"><img src="http://t.runoops.com/js/lib/jqueryvalidation-1.19.5/demo/marketo/images/logo_marketo.gif" width="168"
                            height="73" alt="Marketo" /></a></div>
                <div class="nav-global">
                    <ul>
                        <li><a href="#" class="nav-g01"><span></span>首页</a></li>
                        <li><a href="#" class="nav-g02"><span></span>产品</a></li>
                        <li><a href="#" class="nav-g04"><span></span>B2B 市场资源</a></li>
                        <li><a href="#" class="nav-g05"><span></span>关于 Marketo</a></li>
                    </ul>
                </div>
            </div>
        </div>
        
        <div class="line-grey-tier"></div>

<div id="page-container" class="resize">
            <div id="page-content-inner" class="resize">

<div class="main-content resize">

<table cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="label"><label for="co_name">公司名称：</label></td>
                                        <td class="field">
                                            <input id="co_name" class="required" maxlength="40" name="co_name" size="20"
                                                type="text" tabindex="1" value="" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="label"><label for="co_url">公司 URL：</label></td>
                                        <td class="field">
                                            <input id="co_url" class="required defaultInvalid url" maxlength="40"
                                                name="co_url" style="width:163px" type="text" tabindex="2"
                                                value="http://" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td />
                                        <td />
                                    </tr>
                                    <tr>
                                        <td class="label"><label for="first_name">名字：</label></td>
                                        <td class="field">
                                            <input id="first_name" class="required" maxlength="40" name="first_name"
                                                size="20" type="text" tabindex="3" value="" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="label"><label for="last_name">姓氏：</label></td>
                                        <td class="field">
                                            <input id="last_name" class="required" maxlength="40" name="last_name"
                                                size="20" type="text" tabindex="4" value="" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="label"><label for="address1">公司地址：</label></td>
                                        <td class="field">
                                            <input maxlength="40" class="required" name="address1" size="20" type="text"
                                                tabindex="5" value="" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="label"></td>
                                        <td class="field">
                                            <input maxlength="40" name="address2" size="20" type="text" tabindex="6"
                                                value="" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="label"><label for="city">城市：</label></td>
                                        <td class="field">
                                            <input maxlength="40" class="required" name="city" size="20" type="text"
                                                tabindex="7" value="" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="label"><label for="state">州：</label></td>
                                        <td class="field">
                                            <select id="state" class="required" name="state" style="margin-left: 4px;"
                                                tabindex="8">
                                                <option value="">请选择州：</option>
                                                <option value="AL">Alabama</option>
                                                <option value="AK">Alaska</option>
                                                <option value="AZ">Arizona</option>
                                                <option value="AR">Arkansas</option>
                                                <option value="CA">California</option>
                                                <option value="CO">Colorado</option>
                                                <option value="CT">Connecticut</option>
                                                <option value="DE">Delaware</option>
                                                <option value="FL">Florida</option>
                                                <option value="GA">Georgia</option>
                                                <option value="HI">Hawaii</option>
                                                <option value="ID">Idaho</option>
                                                <option value="IL">Illinois</option>
                                                <option value="IN">Indiana</option>
                                                <option value="IA">Iowa</option>
                                                <option value="KS">Kansas</option>
                                                <option value="KY">Kentucky</option>
                                                <option value="LA">Louisiana</option>
                                                <option value="ME">Maine</option>
                                                <option value="MD">Maryland</option>
                                                <option value="MA">Massachusetts</option>
                                                <option value="MI">Michigan</option>
                                                <option value="MN">Minnesota</option>
                                                <option value="MS">Mississippi</option>
                                                <option value="MO">Missouri</option>
                                                <option value="MT">Montana</option>
                                                <option value="NE">Nebraska</option>
                                                <option value="NV">Nevada</option>
                                                <option value="NH">New Hampshire</option>
                                                <option value="NJ">New Jersey</option>
                                                <option value="NM">New Mexico</option>
                                                <option value="NY">New York</option>
                                                <option value="NC">North Carolina</option>
                                                <option value="ND">North Dakota</option>
                                                <option value="OH">Ohio</option>
                                                <option value="OK">Oklahoma</option>
                                                <option value="OR">Oregon</option>
                                                <option value="PA">Pennsylvania</option>
                                                <option value="RI">Rhode Island</option>
                                                <option value="SC">South Carolina</option>
                                                <option value="SD">South Dakota</option>
                                                <option value="TN">Tennessee</option>
                                                <option value="TX">Texas</option>
                                                <option value="UT">Utah</option>
                                                <option value="VT">Vermont</option>
                                                <option value="VA">Virginia</option>
                                                <option value="WA">Washington</option>
                                                <option value="WV">West Virginia</option>
                                                <option value="WI">Wisconsin</option>
                                                <option value="WY">Wyoming</option>
                                            </select>
                                        </td>
                                    </tr>

<tr>
                                        <td class="label"><label for="email">Email：</label></td>
                                        <td class="field">
                                            <input id="email" class="required email" remote="emails.action"
                                                maxlength="40" name="email" size="20" type="text" tabindex="11"
                                                value="" />
                                        </td>
                                    </tr>

<tr>
                                        <td class="label"><label for="password1">密码：</label></td>
                                        <td class="field">
                                            <input id="password1" class="required password" maxlength="40"
                                                name="password1" size="20" type="password" tabindex="12" value="" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="label"><label for="password2">重复输入密码：</label></td>
                                        <td class="field">
                                            <input id="password2" class="required" equalTo="#password1" maxlength="40"
                                                name="password2" size="20" type="password" tabindex="13" value="" />
                                            <div class="formError"></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>
                                            <div class="buttonSubmit">
                                                <span></span>
                                                <input class="formButton" type="submit" value="下一步" style="width: 140px"
                                                    tabindex="14" />
                                            </div>

</td>
                                    </tr>
                                </table><br /><br />
                            </form>
                            <br clear="all" />

</div>

</div> 
                    <br />
                </div>

<div id="col-left" class="nav-left-back empty resize" style="position: absolute; min-height: 450px;">
                    <div class="col-left-header-tab" style="position: absolute;">注册</div>
                    <div class="nav-left">

</div>

<div class="left-nav-callout png" style="top: 15px; margin-bottom: 100px;">
                        <img src="http://t.runoops.com/js/lib/jqueryvalidation-1.19.5/demo/marketo/images/left-nav-callout-long.png" class="png" alt="" />
                        <h6>注册过程</h6>
                        <a
                            style="background-image: url(http://t.runoops.com/js/lib/jqueryvalidation-1.19.5/demo/marketo/images/step1-24.gif); font-weight: normal; text-decoration: none; cursor: default;">使用一个有效的信用卡进行注册。</a>
                        <a
                            style="background-image: url(http://t.runoops.com/js/lib/jqueryvalidation-1.19.5/demo/marketo/images/step2-24.gif); font-weight: normal; text-decoration: none; cursor: default;">连接到您的谷歌
                            AdWords 账号。您需要有一个 AdWords 客户 ID。</a>
                        <a
                            style="background-image: url(http://t.runoops.com/js/lib/jqueryvalidation-1.19.5/demo/marketo/images/step3-24.gif); font-weight: normal; text-decoration: none; cursor: default;">开始
                            30 天的试用。试用期结束之前都不需要付款。</a>
                    </div>

<div class="footerAddress">
                        <b>Marketo Inc.</b><br />
                        1710 S. Amphlett Blvd.<br />
                        San Mateo, CA 94402 USA<br />
                    </div>
                    <br clear="all" />
                </div>

</div>
        </div>

</div>

</body>

</html>