Javascript 一个输入会触发Chrome验证，但另一个输入不会'；T

我在两个页面上有三个输入，我希望Chrome验证所有输入（即，如果表单不包含有效的电子邮件地址，他们将不允许提交表单）

（输入A）上的输入验证正常，因此我想对输入做同样的处理：单击

Options->Add/remove feed

或

Options->Edit account

（输入B）时看到的输入，以及单击“获得通知”（输入C）时看到的输入

这是正确验证的输入A的代码：

<form role="form" class="form-inline" method="POST">
    <p>Get notified when Shopaholic launches</p>
    <input type="email" name="email" class="form-control input-lg" id="inputEmail" placeholder="Enter email">
    <button type="submit" class="btn btn-primary btn-lg" data-dismiss="modal">Notify me</button>
</form>

购物狂发布时收到通知

通知我

这是输入B和C的代码，未验证：

<!-- Modal containing input B -->
<div class="modal fade" id="getNotifiedModal1" tabindex="-1" role="dialog" aria-labelledby="getNotifiedLabel1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="getNotifiedModal1Label">Sorry, this feature is unavailable in the demo version.</h4>
            </div>
            <div class="modal-body">
                <p id="p">But why not get notified when the full version of Shopaholic launches?</p>
                <form role="form" class="form-inline" method="POST">
                        <input type="email" name="email" class="form-control" id="inputEmail" placeholder="Enter email">
                        <button type="submit" class="btn btn-primary" data-dismiss="modal">Notify me</button>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Modal containing input C -->
<div class="modal fade" id="getNotifiedModal2" tabindex="-1" role="dialog" aria-labelledby="getNotifiedLabel2" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="getNotifiedModal2">Get notified when Shopaholic launches!</h4>
            </div>
            <div class="modal-body">
                <form role="form" class="form-inline" method="POST">
                        <input type="email" name="email" class="form-control" id="inputEmail" placeholder="Enter email">
                        <button type="submit" class="btn btn-primary" data-dismiss="modal">Notify me</button>
                </form>
            </div>    
        </div>
    </div>
</div>

&时代；
抱歉，此功能在演示版本中不可用。
但是为什么不在完整版本的Shopaholic发布时得到通知呢
通知我
&时代；
购物狂发布时获得通知！
通知我

更新

---

我刚刚意识到这是Chrome做的，而不是Bootstrap。

请回答您自己的问题。否则它将保留在列表上/选项卡“未答复”下。