Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 这怎么不';t是否停止表单提交/重新加载页面?_Javascript - Fatal编程技术网

Javascript 这怎么不';t是否停止表单提交/重新加载页面?

Javascript 这怎么不';t是否停止表单提交/重新加载页面?,javascript,Javascript,我试图建立一个小的搜索脚本,但似乎无法阻止重新加载页面时,您点击提交。我的代码可能有问题: function searchThat(e) { if (!e) e = window.event; e.preventDefault(); if (searchFor.indexOf(searchIn) != -1) { console.log('we found it'); } } 非常感谢 我叫它和你一起去 if (searchFor &a

我试图建立一个小的搜索脚本,但似乎无法阻止重新加载页面时,您点击提交。我的代码可能有问题:

function searchThat(e) {
    if (!e) e = window.event;
    e.preventDefault();

    if (searchFor.indexOf(searchIn) != -1) {
        console.log('we found it');
    }
}
非常感谢

我叫它和你一起去

    if (searchFor && searchIn && searchSubmit) {
    addEvent(searchSubmit, 'submit', searchThat)
    }
以及:

以及HTML:

<div class="container">
    <form>
        <p>Search for:</p>
        <p class="mrm">
            <input type="text" id="searchFor" name="searchFor">
        </p>
        <p>In:</p>
        <textarea class="mrm" type="text" id="searchIn" name="searchIn"></textarea>
        <p>
            <input type="submit" class="clicker nmb" id="searchSubmit" name="searchSubmit">
        </p>
    </form>
</div>

搜索:

在:

将始终触发回发并重新加载页面。 如果它适用于您试图实现的任何东西,请将您的输入更改为

您的代码可能缺少更多的逻辑,但从您发布的内容来看,您可以通过不执行所有这些复杂的JScript来简化您的生活,您只需执行以下操作:

这是关于你如何“提交”的问题。发布代码。我假设
searchSubmit
?我们需要查看HTML表单,特别是用于调用javascript的代码。表单提交会导致回发。这是正常的行为。你必须提交吗?你能只需点击一个按钮/链接就执行你的方法吗?你必须提交还是可以为“点击”重写addEvent?
<div class="container">
    <form>
        <p>Search for:</p>
        <p class="mrm">
            <input type="text" id="searchFor" name="searchFor">
        </p>
        <p>In:</p>
        <textarea class="mrm" type="text" id="searchIn" name="searchIn"></textarea>
        <p>
            <input type="submit" class="clicker nmb" id="searchSubmit" name="searchSubmit">
        </p>
    </form>
</div>
addEvent(searchSubmit, 'click', searchThat)
{}