Question

出于某种原因，当单击表单按钮时，我写的jQuery脚本没有运行，有谁知道为什么？

<body>
    <form id="inputform" action="google.com">
        <text id="text">Enter Your Number:</text>
        <input id="input" name="input" type="text">
    <input id="submitArea" type="submit" value="">
    </form>
</body>

$('#inputform').submit(function() {
    window.location = "http://mysite.com/";
});

是的，我导入了jQuery库和所有内容，我已经找到了外部JS文件，但我无法弄清楚为什么它仍然无效。

Answer 1

您需要prevent the default action from occuring。您可以对事件preventDefault使用e操作来执行此操作。像这样：

$(function(){
    $('#inputform').submit(function(e) {
        e.preventDefault();
        window.location = "http://mysite.com/";
    });
});

Answer 2

假设你的脚本在文档准备就绪，否则你需要在`jQuery（function（$）{.....}）中移动脚本;

您需要阻止提交按钮的默认操作

$('#inputform').submit(function(e) {
    window.location = "http://mysite.com/";
    return false; // or call e.preventDefault();
});

Answer 3

理想情况下，您不应该从提交按钮内部执行window.location调用。如果您这样做，您在表单的文本输入字段中输入的数据将不会自动发布到操作页面。

<body>
<form id="inputform" action="http://mysite.com/">
    <text id="text">Enter Your Number:</text>
    <input id="input" name="input" type="text">
<input id="submitArea" type="submit" value="">
</form>

无法让jQuery表单提交工作

3 个答案: