Question

如果输入字段为空，则会显示引导程序弹出窗口。

我要实现的目的是，一旦提交表单，它将检查用户是否输入了名字。如果用户还没有，则将弹出框显示在输入字段的左侧。

当前，我有以下脚本检查名字和姓氏输入字段。在这里，我在if语句中调用弹出框：

$('#submit').on('click', function(){
                var regex = /^[a-zA-Z ]{2,30}$/;
                var firstN =  document.getElementById('first_name');
                var lastN =  document.getElementById('last_name');

                if (!regex.test(firstN.value)) {
                    $('#first_name').popover();
                    return false;
                }

                if(!regex.test(lastN.value)){
                    return false;
                }
            });

，以下是输入：

<input id="first_name" type="text" name="name" class="form-control" placeholder="Please enter your firstname *" required="required" data-error="Firstname is required." data-toggle="popover" title="Popover Header" data-placement="left" data-content="Some content inside the popover">

当我单击“提交”按钮时，弹出窗口不会出现在“名字”输入字段附近：

<div class="form-group">
                    <input id="submit" class="btn btn-primary" type="submit" value="Submit" />
                </div>

使Bootstrap Popover出现在输入字段上

0 个答案: