Javascript BootstrapValidator不提交表单

我曾尝试使用BootstrapValidator，但出于某种原因，除非我删除JS脚本，否则它不会提交表单

JS脚本是：

$(document).ready(function() {
    $('#loginForm').bootstrapValidator({
        framework: 'bootstrap',
        icon: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            email: {
                validators: {
                    notEmpty: {
                        message: 'The email address is required'
                    },
                    emailAddress: {
                        message: 'The input is not a valid email address'
                    }
                }
            },
            pass: {
                validators: {
                    notEmpty: {
                        message: 'The password is required'
                    },
                    different: {
                        field: 'email',
                        message: 'The password cannot be the same as username'
                    }
                }
            },
        }
    });
});

我的表格：

 <div class="col-sm-4 col-sm-offset-5 col-md-4 col-md-offset-5 main">
 <h1 class="page-header">Please sign in</h1>
      <form id="loginForm" class="form-signin" action="ApplicantLogin.php" method="POST">
        <label for="inputEmail" class="sr-only">e-Mail</label>
        <input type="text" id="inputEmail" class="form-control" placeholder="e-Mail" name="email" required autofocus>
        <label for="inputPassword" class="sr-only">Password</label>
        <input type="password" id="inputPassword" class="form-control" placeholder="Password" name="pass" required>
        <div class="checkbox">
          <label>
            <input type="checkbox" value="remember-me"> Remember me
          </label>
        </div>
        <button class="btn btn-lg btn-primary btn-block" name="loginbtn" value="login">Sign in</button>
      </form>

    </div> <!-- /container -->

请登录
电子邮件
密码
记得我吗
登录

---

我已将按钮名称更改为与创建者建议的默认名称不同的名称，但仍然不起作用。你知道为什么吗？不过验证工作正常。

您的表单没有提交，因为您没有

提交
按钮。添加
type=“submit”

<button type="submit" class="btn btn-lg btn-primary btn-block" name="loginbtn" value="login">Sign in</button>

登录
您的表单未提交，因为您没有
提交
按钮。添加
type=“submit”

<button type="submit" class="btn btn-lg btn-primary btn-block" name="loginbtn" value="login">Sign in</button>

登录
我已经在我的本地主机和小提琴中试用了您提供的代码，效果很好。我尝试在此处插入相同的小提琴，控制台显示此错误：

引导验证程序不是一个函数

出于某种原因，插件似乎没有加载。也许这就是你的网络中发生的事情。要解决此问题，您可以链接bootsrap validator库：

//cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/css/bootstrapvalidator.min.css


//cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/js/bootstrapvalidator.min.js

如果验证器正在工作，它应该使用您拥有的按钮提交，如果您使用空输入单击，它应该显示一条消息


如果记录了相同的错误，请检查控制台日志
检查jquery是否正确链接

我已经在我的本地主机和小提琴中试用了您提供的代码，并且效果良好。我尝试在此处插入相同的小提琴，控制台显示此错误：

引导验证程序不是一个函数

出于某种原因，插件似乎没有加载。也许这就是你的网络中发生的事情。要解决此问题，您可以链接bootsrap validator库：

//cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/css/bootstrapvalidator.min.css


//cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/js/bootstrapvalidator.min.js

如果验证器正在工作，它应该使用您拥有的按钮提交，如果您使用空输入单击，它应该显示一条消息


如果记录了相同的错误，请检查控制台日志
检查jquery是否正确链接

你链接库jquery.min.js'和bootstrap.min.js'了吗？是的，我链接了。我检查页面时没有错误。你链接库jquery.min.js'和bootstrap.min.js'了吗？是的，我链接了。我检查页面时没有错误。你会发现这很愚蠢，但我在开发人员页面上看到我必须删除/重命名name=“submit”或id=“提交”。我删除了type=“submit”。谢谢你指出这一点。我修改了@Bobys代码并提交了作品：在我的localhost作品中，添加了库之后。你会发现这很愚蠢，但我在开发者页面上看到我必须删除/重命名name=“submit”或id=“submit”。我删除了type=“submit”“相反。谢谢你指出这一点。我修改了@Bobys代码并提交了作品：在添加了库之后，在我的localhost中也提交了作品。