Question

我是JavaScript和HTML的初学者。我试图防止按钮提交表单。它不适用于我的以下代码。当我删除代码中的function insert($data) { $clabe = $this->input->post('clabe2') . $this->input->post('control2'); $this->db->select('Clabe'); $this->db->where('Status =', 'A'); $query= $this->db ->get('cuentas'); return $query->row(); foreach ($query as $row) { $i = $row; if ($clabe = $i) { return false; } else { $this-> db -> insert('cuentas', $data); if ($this->db->affected_rows() > 0) { return true; } } } }和type:button时，此方法有效，但如果删除，则始终提交表单。

return false

Answer 1

JQUERY

您应该能够：

$('#formid').submit(false);

或

$('#formid').submit(function(e){ e.preventDefault(); });

要使用jquery库，请访问官方网站 http://jquery.com/download/

纯JS

document.getElementById('formid').addEventListener('submit', function(e) {
    e.preventDefault();
});

Answer 2

这是你的例子

<!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>

首先，请注意封闭对标记。在您的代码段中，您没有关闭 script 标签。不要在不需要的地方使用 button ，而应使用输入类型的按钮。

防止按钮提交表单

2 个答案:

JQUERY

纯JS