验证后将值发布到警告框

时间:2015-06-11 00:15:02

标签: javascript jquery 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>

我的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/

非常感谢任何帮助

1 个答案:

答案 0 :(得分:2)

尝试这样的事情,

if let string = change[NSKeyValueChangeNewKey] as? String {
    // Do something with `string`
}
<{3}}

中的

演示