Javascript 防止按钮提交表单_Javascript_Html

Javascript 防止按钮提交表单

javascript html

Javascript 防止按钮提交表单,javascript,html,Javascript,Html,我是JavaScript和HTML的初学者。我试图阻止按钮提交表单。它不适用于我的以下代码。当我删除代码中的type:button和return false时，它会工作，但如果我删除它，它总是提交表单 <!DOCTYPE html> <html> <head> <title>Font Awesome Icons</title> <meta name="viewport" content="width=device-

我是JavaScript和HTML的初学者。我试图阻止按钮提交表单。它不适用于我的以下代码。当我删除代码中的

type:button

和

return false

时，它会工作，但如果我删除它，它总是提交表单

<!DOCTYPE html>
<html>
<head>
    <title>Font Awesome Icons</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
    <button type="button" onclick="myFunction1();return false;" style="font-size:24px">Button <i class="fa fa-info-circle"></i></button>

    <script type="text/javascript">
        function myFunction1(){

        }
</body>
</html>


字体很棒的图标
按钮
函数myFunction1（）{
}

JQUERY 您应该能够做到：

$（'formid'）。提交（false）
或
$（'#formid'）.submit（函数（e）{e.preventDefault（）；}）
要使用jquery库，请访问官方网站

纯JS
这是你的例子
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">

  <script>
    function countRabbits() {
      for(var i=1; i<=3; i++) {
        alert("Rabbit number " + i);
      }
      return false;
    }
  </script>
</head>
<body>
  <input type="button" onclick="countRabbits()" value="Count rabbits"/>
</body>
</html>


函数countrabbets（）{
对于（var i=1；i这是您的表单？Type=“button”将起作用，但在此处显示相关的HTMLLook:@IsaacAbramowitz我建议不要使用click event但提交event我发布的问题不是指提交事件吗？问题文本和提问者提供的代码都不包括jQuery。如果你非常想建议一个jQuery解决方案，最好至少要提醒一下我根据指令，他们需要将jQuery添加到他们的项目中。
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">

  <script>
    function countRabbits() {
      for(var i=1; i<=3; i++) {
        alert("Rabbit number " + i);
      }
      return false;
    }
  </script>
</head>
<body>
  <input type="button" onclick="countRabbits()" value="Count rabbits"/>
</body>
</html>