Question

我是bootstrap世界的新手，过去一直在使用PHP（不是高级），但我看到了一些关于主题森林的很棒的主题，其中很多都是引导程序。我非常喜欢它的外观并下载了一个模板。但是，它们编辑起来并不容易。

话虽这么说，我有一个简报注册，如果你留空或者不输入电子邮件地址，我想对其进行验证，这会产生错误信息。我相信客户端和服务器端是最好的。从我所读到的，对于客户端，你可以使用jQuery？任何帮助将不胜感激。以下是表单的代码：

<section class="strip bg-primary">
            <div class="container">
                <div class="row clearfix">
                    <form method="post" enctype="multipart/form-data" class="mail-list-signup" id="form1">
                        <div class="col-sm-9 col-xs-12 pull-left clear-fix">
                            <h3 class="text-white pull-left"><strong>Get Notified.&nbsp;</strong></h3>
                            <input name="email" type="text" class="signup-email-field" id="email" placeholder="Enter your email here here">
                        </div>

                        <div class="col-sm-3 col-xs-12 pull-right text-right">
                            <input type="submit" class="btn btn-primary btn-filled" value="Subscribe">
                        </div>
                    </form>
                </div>

            </div>
            <iframe class="mail-list-form" srcdoc="">
            </iframe>
        </section>

Answer 1

您可以在输入中添加required

<input name="email" type="text" class="signup-email-field" id="email" placeholder="Enter your email here here" required>

如果为空，则会弹出一条消息。

或

如果你想在jquery中定义，

$(document).on('click','[type="submit"]', function() { var $value = $('#email').val(); if($value === "" || $value === null) { $('#id_to_red_message').html("Empty Email"); } });

如何在Bootstrap表单上执行客户端和服务器端验证？

1 个答案: