Javascript 在单击输入类型时停止表单提交=";“图像”;
重置操作由Javascript 在单击输入类型时停止表单提交=";“图像”;,javascript,jquery,html,Javascript,Jquery,Html,重置操作由input type=“image”执行,并且onclick调用一个名为resetForm()的函数 单击“重置”时,不应发生表单提交。我尝试从resetForm()函数返回false,但仍然不起作用。请帮助我。在单击功能中使用preventDefault,而不是在resetForm中返回false: $('#myButton').click(function(event) { event.preventDefault(); // yaa! resetForm(); }
input type=“image”
执行,并且onclick
调用一个名为resetForm()
的函数
单击“重置”时,不应发生表单提交。我尝试从resetForm()函数返回false,但仍然不起作用。请帮助我。在单击功能中使用
preventDefault
,而不是在resetForm
中返回false:
$('#myButton').click(function(event) {
event.preventDefault(); // yaa!
resetForm();
});
return false
也可以,但是当jQuery获得某个函数时,我通常会坚持使用它。在resetForm
中不要返回false,而是在click函数中使用prevent default
:
$('#myButton').click(function(event) {
event.preventDefault(); // yaa!
resetForm();
});
return false
也可以,但是当jQuery获得某个函数时,我通常会坚持使用它。我会确保函数正确返回false,确保JavaScript中没有语法错误
要测试这一点,请尝试警报(“测试返回!”);就在返回false之前。我将确保函数正确返回false,确保JavaScript中没有语法错误
要测试这一点,请尝试警报(“测试返回!”);就在返回false之前。如果要使用
返回false代码>与event.preventDefault()相反代码>,则必须在事件回调中设置返回false。因此,如果在resetForm()
中返回false,则需要如下所示:
更简单的是,如果您所做的只是在单击时运行一个函数(感谢JimmyP的提醒):
在我看来,它更干净、更简单,而且打字更少。为我赢得所有。如果您想使用返回False代码>与event.preventDefault()相反代码>,则必须在事件回调中设置返回false。因此,如果在resetForm()
中返回false,则需要如下所示:
更简单的是,如果您所做的只是在单击时运行一个函数(感谢JimmyP的提醒):
在我看来,它更干净、更简单,而且打字更少。对我来说,一切都赢。我可能最好使用
而不是type=“image”
,因为后者具有type=“submit”
的语义,而前者似乎具有您想要的语义。您还可以轻松地在这样一个按钮上放置一个图像,这可能会为您省去编写JavaScript函数的麻烦
如果您想继续使用
,我认为从onclick
事件返回false
不会有任何作用。由于它具有提交表单的语义,因此表单将被提交。为了解决这个问题,您可以在表单标签中放置一个onsubmit
属性:
。在提交功能中
可以检查按下了哪个提交/图像按钮,并根据返回的true
或false
。在这里返回false
将阻止表单提交。我可能最好使用
而不是type=“image”
,因为后者具有type=“submit”
的语义,而前者似乎具有您想要的语义。您还可以轻松地在这样一个按钮上放置一个图像,这可能会为您省去编写JavaScript函数的麻烦
如果您想继续使用
,我认为从onclick
事件返回false
不会有任何作用。由于它具有提交表单的语义,因此表单将被提交。为了解决这个问题,您可以在表单标签中放置一个onsubmit
属性:
。在提交功能中
可以检查按下了哪个提交/图像按钮,并根据返回的true
或false
。在此处返回false
将阻止表单提交。我认为其他人正在描述一种不同的方式来完成我建议的操作,即:
onClick="return resetForm();"
否则,onClick会在不关心返回的情况下调用。我认为其他所有人都在描述一种不同的方式来实现我的建议,即:
onClick="return resetForm();"
否则onClick调用时不关心返回。有一种实际的方法。但这需要几个步骤
定义您的
您需要绑定输入项的点击偶数。使用jquery来完成这项工作
写下你的函数
绑定:
$(document).ready(function () {
$("#yourinputtypeid").on("click", {Parameter1 : "your parameter value"},
FunctionNameToRun);
}
功能
function FunctionNameToRun(event)
{
event.preventDefault();
// the rest of your code
}
就这样。这将防止提交/重新加载页面。有一种实际的方法。但这需要几个步骤
定义您的
您需要绑定输入项的点击偶数。使用jquery来完成这项工作
写下你的函数
绑定:
$(document).ready(function () {
$("#yourinputtypeid").on("click", {Parameter1 : "your parameter value"},
FunctionNameToRun);
}
功能
function FunctionNameToRun(event)
{
event.preventDefault();
// the rest of your code
}
就这样。这将防止提交/重新加载页面。为什么不只使用$(“#myButton”)。单击(重置表单);这也是完全正确的…;)我将更新我的帖子以包含该选项;这也是完全正确的…;)我会更新我的帖子,也包括这个选项。