Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/unix/3.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 在单击输入类型时停止表单提交=";“图像”;_Javascript_Jquery_Html - Fatal编程技术网

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”)。单击(重置表单);这也是完全正确的…;)我将更新我的帖子以包含该选项;这也是完全正确的…;)我会更新我的帖子,也包括这个选项。