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)
{}