Javascript jQuery事件获胜'；不要在HTML表单提交时触发

如果已经有人问过这个问题，我很抱歉，但是我尝试过的所有解决方案对我都不起作用。我希望它在提交表单元素时触发一些jQuery代码。 这是我的密码

JS:

$（文档）.ready（函数（）{
$（'form'）.bind（'submit'，function（）{
警报（“hi”）；
var-word10=；
var-word20=；
var word1text=；
var word2text=；
$（'div.word1'）。前缀（“hi”+word1text+”；
$（'div.word2'）。前缀（“hi”+word2text+”；
});
});

HTML:

改用.on（）或.submit（），如果您的变量应该是字符串，请引用它们：

$(document).ready(function() {
    $('form').on('submit', function() {
        alert('hi');
            var word10 = '<?php echo $word10; ?>';
            var word20 = '<?php echo $word20; ?>';
            var word1Txt = '<?php echo $word1Txt; ?>';
            var word2Txt = '<?php echo $word2Txt; ?>';

            $('div.word1').prepend("<h3 class='header'>hi" + word1Txt + "</h3>");
            $('div.word2').prepend("<h3 class='header'>hi" + word2Txt + "</h3>");
    });
});

$（文档）.ready（函数（）{
$（'form'）。在（'submit'，function（）上{
警报（“hi”）；
var-word10=''；
var word20=''；
var word1text=''；
var word2text=''；
$（'div.word1'）。前缀（“hi”+word1text+”；
$（'div.word2'）。前缀（“hi”+word2text+”；
});
});

您是否使用ajax提交表单？如果没有，页面将在页面更改之前更改并执行js。除了您使用的

bind

（几年前就被弃用了）（请查看

上的
）之外，这应该是可行的（尽管它可能没有达到您预期的效果，但这些更改不会持续很久）如果PHP引擎已经处理了PHP部分。如果不是，您应该在web控制台中得到一个语法错误。请向我们显示浏览器实际接收到的内容，而不是PHP源代码。@jcunod:好吧，它可以（如果您填写隐藏字段等），但是，是的，上面所做的更改不会持续很久。：-）
<form class="form-inline" method="post">
    <input class="form-control" type="text" placeholder="First Word" name="word1" autofocus>
    <input class="form-control" type="text" placeholder="Second Word" name="word2" autofocus>
    <input class="btn btn-primary form-submit" type="submit" value="Compare">
</form>

$(document).ready(function() {
    $('form').on('submit', function() {
        alert('hi');
            var word10 = '<?php echo $word10; ?>';
            var word20 = '<?php echo $word20; ?>';
            var word1Txt = '<?php echo $word1Txt; ?>';
            var word2Txt = '<?php echo $word2Txt; ?>';

            $('div.word1').prepend("<h3 class='header'>hi" + word1Txt + "</h3>");
            $('div.word2').prepend("<h3 class='header'>hi" + word2Txt + "</h3>");
    });
});