0

由于某种原因，当单击表单按钮时，我编写的 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 文件，但我不知道为什么它仍然无法正常工作。

4

3 回答 3

1

您需要防止发生默认操作。您可以通过preventDefault对事件使用操作来做到这一点e。像这样的东西：

$(function(){
    $('#inputform').submit(function(e) {
        e.preventDefault();
        window.location = "http://mysite.com/";
    });
});
于 2013-07-01T03:48:09.770 回答
0

假设您的脚本已准备好在文档中，否则您需要将脚本移动到 `jQuery(function($){.....});

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

$('#inputform').submit(function(e) {
    window.location = "http://mysite.com/";
    return false; // or call e.preventDefault();
});
于 2013-07-01T03:47:11.510 回答
0

理想情况下，您不应该从提交按钮内部进行 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>

于 2013-07-01T04:32:01.493 回答