Javascript onsubmit不会触发

我因为一个问题阻塞了几个小时。 我想在验证之前触发.submit事件和测试。但是，当我调试时，如果我在$（“#btnSub”）上放置了一个断点，submit会检测到，但只会在不执行代码的情况下结束

//on submit
//_________________________________________________________
$('#btnSubs').submit(function(e) {
    //Check if form is already shown
    if ($('#collapseState').val() === "true") {
        //Check content before send
        //--------------------------------------------------------------------------------------------------------------------------------------
        var valid = (chckPseudo() === true) && (chckMail() === true) && (chckMail2() === true) && (chckPWD() === true); //define a valid flag

        if (valid) {
                 //disable the btn to avoid multiple connections
                $(this).button('loading');
               //submit the form
               return true;
        } else {
            if (chckPseudo())
                formValidate("grpPseudo", "correct");
            else
                formValidate("grpPseudo", "incorrect");

            if (chckMail())
                formValidate("grpMail", "correct");
            else
                formValidate("grpMail", "incorrect");
            if (chckMail2())
                formValidate("grpMail2", "correct");
            else
                formValidate("grpMail2", "incorrect");


            if (chckPWD())
                formValidate("grpPSW", "correct");
            else
                formValidate("grpPSW", "incorrect");  
            //dont submit
            e.preventDefault();
            return false;
        }

    }
    //show form
    else {
        $('#collapseSubscribe').collapse('show');
        $('#collapseState').val("true");
        // don't submit the form
        e.preventDefault(); 
        return false;
    }
});

如果你能给我一些线索，那就太好了（恼怒） （我知道代码是有效的，因为在我使用.click event和No之前，我没有忘记放置表单和按钮类型submit） 谢谢

案例中的html

<div id="logIndex">
    <h3>Toute question a une réponse</h3>
    <form method="post" id="reg" action=""> 
        <div class="collapse" id="collapseSubscribe">

            <div class="form-group" id="grpPseudo">
                <label class="control-label sr-only" for="psdo">Pseudo</label>
                <input type="text" class="form-control" placeholder="Pseudo :" id="psdo" /><br>
                <span aria-hidden="true"></span>
                <span id="psdo" class="sr-only"></span>
            </div>
            <div class="form-group" id="grpMail">  
                <label class="control-label sr-only" for="mail">Email</label>
                <input type="email" class="form-control" placeholder="Email :" id="mail"/><br>
                <span aria-hidden="true"></span>
                <span id="Email" class="sr-only"></span>
            </div>
            <div class="form-group" id="grpMail2">  
                <label class="control-label sr-only" for="mail2">Confirmer email</label>
                <input type="email" class="form-control" placeholder="Confirmez email :" id="mail2"/><br>
                <span aria-hidden="true"></span>
                <span id="Email2" class="sr-only"></span>
            </div>
            <div class="form-group" id="grpPSW">
                <label class="control-label sr-only" for="psw">Mot de Passe</label>
                <input type="password" class="form-control" placeholder="Mot de passe :" id="psw"/>
                <span aria-hidden="true"></span>
                <span id="pwd" class="sr-only"></span>
            </div>

            <p id="conditions">En vous cliquant sur S'inscrire,vous acceptez nos conditions et reconnaissez que vous avez lu notre politique d'utilisation des données</p>      
        </div>
        <button  class="btn btn-primary btn-block" data-loading-text="<img src='./ressources/loading.GIF' alt='chargement...'>" type="submit" id="btnSubs"  >
        S'inscrire
    </button>
    </form>



    ou <a href="" data-toggle="modal" data-target="#myModal">Se Connecter</a>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Se Connecter</h4>
            </div>
           <!-- <form id="login_form" method="post" action=""> -->
            <div class="modal-body">
                    <input type="text" class="form-control" placeholder="Pseudo ou Email :"/><br>
                    <input type="text" class="form-control" placeholder="Mot de Passe :"/>
            </div>
            <!--</form>-->
            <div class="modal-footer">
                <button type="button" class="btn btn-primary">Se Connecter</button>
            </div>
        </div>
    </div>
</div>

<!---------------------------------------------------------------------------------------------------------------------------------------------->
<!-- collapse State -->
<input type="hidden" value="false" id="collapseState">
<!-- My CSS   <link rel="stylesheet" href="./MyStyle.css">-->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

<script src="./scripts/renders.js"></script>
<script src="./valider.js"></script>
<script src="./scripts/Observer.js"></script>
<script>
    $(function() {
        $('[data-toggle="popover"]').popover();
    })
</script>

<script>javascript:(function() {
        var s = document.createElement("script");
        s.onload = function() {
            bootlint.showLintReportForCurrentDocument([]);
        };
        s.src = "https://maxcdn.bootstrapcdn.com/bootlint/latest/bootlint.min.js";
        document.body.appendChild(s)
    })();</script>

提出一个不恰当的问题
伪


电子邮件


确认电子邮件


路况
如果您的客户需要，您可以接受任何条件，并对您的使用情况进行调查
S'inscrire
欧点
&时代；
Se连接器


Se连接器
$（函数（）{
$（'[data toggle=“popover”]'）。popover（）；
})
javascript:（函数（）{
var s=document.createElement（“脚本”）；
s、 onload=函数（）{
bootlint.showLintReportForCurrentDocument（[]）；
};
s、 src=”https://maxcdn.bootstrapcdn.com/bootlint/latest/bootlint.min.js";
document.body.appendChild
})();

根据注释，出现问题的原因是您绑定了“提交事件”按钮，但没有此类事件按钮

onsubmit事件是HTMLFormElement的事件，所以您需要选择表单并侦听其事件：

$('form').submit(function() {
    // your code
});

---

没有“jquery.onsubmit”…请在提交函数的开头放置

警报（“something”）

以进行测试。

$（'#btnSubs'）

是您的提交按钮吗？如果您不发布html标记，我们就无话可说了，恐怕…@hamed已经完成了^dfsq是的，但检测到提交事件并在断点$（）。提交它只是为了下一步是在活动结束时，而不是我的代码。TK是的，你真正的i ve应该与form A一起工作谢谢。现在我要看看为什么我们不能使用选择器。非常感谢你。可能是因为提交事件在表单元素上，而button获得了任何提交事件。