小编Cod*_*eek的帖子

简单的jquery验证 - 自定义位置错误消息放置

我正在使用jquery validate插件来验证表单中的数字,如何将返回的错误消息放在输入按钮下,我无法实现,

这是我的问题和我需要的图像,请检查 - http://i.imgur.com/Gt5aNxs.png

请建议我如何将错误消息放在按钮下的自定义Div中,而不是默认情况下.

这是我的代码:

<section id="contact" class="content">
            <div class="container">
                <h2>Contact Form Demo</h2>
                <div class="row">
                    <div class="span12 contact-form">

                        <form action="mail.php" method="POST" class="form-horizontal contact-form" id="contact-form">
                          <!--<?php $formKey->outputKey(); ?> -->
                          <fieldset>  

                              <div class="control-group">
                                <label class="control-label" for="inputPhone">Phone</label>
                                <div class="controls">
                                  <input class="input-80" name="phone" type="text" id="inputPhone" placeholder="inc. country &amp; area code">
                                </div>
                              </div>


                              <div class="control-group">
                                <div class="controls">
                                  <button type="submit" value="Send" class="btn" id="btn-place">Send!</button>
                                </div>
                                <div >place here</div>
                              </div>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </section>

        <!-- javascript -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="js/jquery.validate.min.js"></script>



        <script> …
Run Code Online (Sandbox Code Playgroud)

javascript forms validation jquery jquery-validate

4
推荐指数
1
解决办法
3万
查看次数

标签 统计

forms ×1

javascript ×1

jquery ×1

jquery-validate ×1

validation ×1