Question

我有一个使用bootstrap框架构建的网站。它有一个表单，其中包含一些必需的文本输入和一个提交按钮。实际上，在点击提交按钮后，它打开了一个新的空白html页面，上面有一条感谢信息。如果未填写必填字段，则会发出警告，并且在完成所需字段之前不会提交信息。

我想将感谢页面更改为谢谢模态窗口。我的问题是，将感谢信息设置为模态，感谢模式在有或没有必要字段的情况下触发。除非填写所有必填字段，否则我需要模式不弹出，任何人都有一个简单的方法来纠正这个？

<form id="contact-form" name="myemailform" action="form-to-email.php" method="post" target="blank">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for='name'>
                            Name</label>
                        <input name="name" type="text" class="form-control" id="name" required placeholder="Enter Name" />
                    </div>
                    <div class="form-group">
                        <label for='email'>
                            Email Address</label> 
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span>
                            </span>
                            <input name="email" type="email" class="form-control" id="email" required placeholder="Enter Email" /></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label for='message'>
                            Message</label>
                        <textarea name="message" id="message" class="form-control" rows="9" cols="25" required
                            placeholder="Message"></textarea>
                    </div>
                </div>
                <div class="col-md-12">
                    <button type="submit" name='submit' class="btn btn-skin pull-right" id="btnContactUs" value="Submit" target="blank" data-toggle="modal" data-target="#myModalThanks">
                        Send Message</button>
                </div>
            </div>
            </form>

Answer 1

根据描述（不清楚），我觉得，你想要的是你的表单的客户端验证。看看这个插件。

http://jqueryvalidation.org/documentation/

Bootstrap模式，感谢信息，提交表格，必填

1 个答案: