验证后将值过帐到警报框

debugcn 发表于 Dev

巴里·科里根（Barry Corrigan）

我有这张表格，里面有很多验证。

我正在努力的是，当所有字段都正确填写后，我希望在警报框中显示字段的值。

这是我的代码

<form method="post" name="form" id="form" class="form" action="">

            <div class="info  align-right"><span class="error">*</span> Required</div>

            <fieldset>
                <div class="group">
                    <label for="name">Name</label>
                    <input id="name" name="name" type="text" required />
                </div>

                <div class="group">
                    <label for="UserEmail">Email <span class="req">*</span></label>
                    <input type="text" name="UserEmail" id="UserEmail" value="" size="32" />
                </div>

                <div class="group">
                    <label>Password: <span class="req">*</span></label>
                    <input type="password" name="password" id="password" value="" size="32" />
                </div>

                <div class="group">
                    <label>Confirm Password: <span class="req">*</span></label>
                    <input type="password" name="password-check" id="password-check" value="" size="32" />
                </div>
            </fieldset>

            <fieldset class="clearfix">

                <div class="group  options">
                    <legend>Country</legend>
                    <div class="group--left">
                        <input id="usa" name="country" type="radio">
                        <label for="usa">United States</label>

                        <input id="argentina" name="country" type="radio">
                        <label for="argentina">Argentina</label>
                    </div>
                </div>

                <div class="group">
                    <label>Phone Number</label>
                    <div class="group--left">
                        <input id="phone" name="phone" class="phone" type="tel" />
                        <em>Example: <span id="example">123-456-7890</span></em>
                    </div>
                </div>

            </fieldset>
                <div class="group--right">
                    <input type="submit" value="Submit" id="submit" class="right" />
                    <input type="reset" value="Clear" id="clear" class="left" />
                </div>
            </form>

我的HTML是

<form method="post" name="form" id="form" class="form" action="">

            <div class="info  align-right"><span class="error">*</span> Required</div>

            <fieldset>
                <div class="group">
                    <label for="name">Name</label>
                    <input id="name" name="name" type="text" required />
                </div>

                <div class="group">
                    <label for="UserEmail">Email <span class="req">*</span></label>
                    <input type="text" name="UserEmail" id="UserEmail" value="" size="32" />
                </div>

                <div class="group">
                    <label>Password: <span class="req">*</span></label>
                    <input type="password" name="password" id="password" value="" size="32" />
                </div>

                <div class="group">
                    <label>Confirm Password: <span class="req">*</span></label>
                    <input type="password" name="password-check" id="password-check" value="" size="32" />
                </div>
            </fieldset>

            <fieldset class="clearfix">

                <div class="group  options">
                    <legend>Country</legend>
                    <div class="group--left">
                        <input id="usa" name="country" type="radio">
                        <label for="usa">United States</label>

                        <input id="argentina" name="country" type="radio">
                        <label for="argentina">Argentina</label>
                    </div>
                </div>

                <div class="group">
                    <label>Phone Number</label>
                    <div class="group--left">
                        <input id="phone" name="phone" class="phone" type="tel" />
                        <em>Example: <span id="example">123-456-7890</span></em>
                    </div>
                </div>

            </fieldset>
                <div class="group--right">
                    <input type="submit" value="Submit" id="submit" class="right" />
                    <input type="reset" value="Clear" id="clear" class="left" />
                </div>
        </form>

我还提供了一个小提琴-http: //jsfiddle.net/barrycorrigan/vzdp64m4/

任何帮助是极大的赞赏

鲁米路

尝试这样的事情，

$("#form").submit(function(){
    var x = $(this).serializeArray();
    $.each(x, function(i, field){
        alert(field.name + " : " + field.value);
    });
});

FIDDLE中的演示

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。