繁体   English   中英

为什么我的表单在页面加载时自动提交?

[英]Why is my form auto submitting on page load?

我有一个HTML表单,可以自动在表单中的所有元素之间进行制表。 提交后,它将调用第一个元素(order_number),而光标停留在第二个字段中,这样人们就可以使用相同的order_number扫描多个(Chip_numbers)。

要重置整个表单,我想刷新页面,但是随后会弹出错误消息,并且光标自动置于第二个元素中。

这是我的脚本:

<?php
$servername = "host";
$username = "username";
$password = "password";
$dbname = "JVSIntranet";

$conn = mysqli_connect($servername, $username, $password, $dbname);
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}

$sql = "INSERT INTO MICROCHIP_TBL (chip_number,order_number)
VALUES 
('$_POST[chip_number]','$_POST[order_number]')";

IF (mysqli_query($conn, $sql)) {
    echo "Great Job! You've entered it correctly!";
} else {
    echo "Error: TRY AGAIN HUMAN!";
}

$value = "";
if( isset( $_POST ["order_number"] )) $value = $_POST ["order_number"];

mysqli_close($conn);
?>

<html>
<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
  function getNextElement(field) {
    var form = field.form;
    for ( var e = 0; e < form.elements.length; e++) {
        if (field == form.elements[e]) {
            break;
        }
    }
    return form.elements[++e % form.elements.length];
}

function tabOnEnter(field, evt) {
if (evt.keyCode === 13) {
        if (evt.preventDefault) {
            evt.preventDefault();
        } else if (evt.stopPropagation) {
            evt.stopPropagation();
        } else {
            evt.returnValue = false;
        }
        getNextElement(field).focus();
        return false;
    } else {
        return true;
    }
}

</script>
</head>

<body onLoad="document.chip_insert.chip_number.focus();">
<center>
<h1>Jeffers HomeAgain Microchip Entry</h1>


<form name="chip_insert"  id="chip_insert" action="<?php echo $PHP_SELF;?>" method="post" >
Order Number: <input tabindex="1" maxlength="12" type="text" name="order_number"  id="order_number" value="<?php echo $value; ?>"  required="required"onkeydown="return tabOnEnter(this,event)"  /><br /><br />
Tag Number: <input tabindex="2" maxlength="15" type="text" name="chip_number" id="chip_number" required="required" /><br /><br />
<input tabindex="7" type="submit" />
</center>
</form>

</body>
</html>

无论何时打开此页面,无论是否有帖子都将插入数据库。 由于没有发布控制(发布或未发布控制),因此以下代码块:

IF (mysqli_query($conn, $sql)) {
 echo "Great Job! You've entered it correctly!";
} else {
 echo "Error: TRY AGAIN HUMAN!";
}

这部分应该是这样的:

if(isset($_POST)){
  IF (mysqli_query($conn, $sql)) {
    echo "Great Job! You've entered it correctly!";
  } else {
     echo "Error: TRY AGAIN HUMAN!";
 }
}

您的php部分应如下所示

<?php
$servername = "host";
$username = "username";
$password = "password";
$dbname = "JVSIntranet";

// Create connection
$conn = mysqli_connect($servername, $username, $password, $dbname);
// Check connection
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}



$value = "";
if (isset($_POST ["order_number"])) {
    $value = $_POST ["order_number"];
    $sql = "INSERT INTO MICROCHIP_TBL (chip_number,order_number)
VALUES 
('$_POST[chip_number]','$_POST[order_number]')";

    if (mysqli_query($conn, $sql)) {
        echo "Great Job! You've entered it correctly!";
    } else {
        echo "Error: TRY AGAIN HUMAN!";
    }
}


mysqli_close($conn);
?>

而且在html中</center>应该在</form>标记之后,尽管这不是大问题

您在此代码上还有其他问题...

IF (mysqli_query($conn, $sql)) {
 echo "Great Job! You've entered it correctly!";
} else {
 echo "Error: TRY AGAIN HUMAN!";
}

应该像

if(isset($_POST['chip_number'] && $_POST['chip_number'] != '')
{
  IF (mysqli_query($conn, $sql)) {
   echo "Great Job! You've entered it correctly!";
  } else {
   echo "Error: TRY AGAIN HUMAN!";
  }
}

$sql = "INSERT INTO MICROCHIP_TBL (chip_number,order_number)
VALUES 
('$_POST[chip_number]','$_POST[order_number]')";

应该像

$sql = "INSERT INTO MICROCHIP_TBL (chip_number,order_number)
VALUES 
('{$_POST['chip_number']}','{$_POST['order_number']}')";

甚至最后一件事都不是正确的类型来称呼它...也许您可以看看http://php.net/manual/en/mysqli-stmt.bind-param.php

实际会是什么样子

$stmt = mysqli_prepare($link, "INSERT INTO MICROCHIP_TBL VALUES (?, ?)");
mysqli_stmt_bind_param($stmt, 'dd', $_POST['chip_number'], $_POST['order_number']);
//....
mysqli_execute();

要么

$stmt = mysqli_prepare($link, "INSERT INTO MICROCHIP_TBL SET chip_number=?,order_number=?");
mysqli_stmt_bind_param($stmt, 'dd', $_POST['chip_number'], $_POST['order_number']);
//....
mysqli_execute();

这些示例不是建立在$ db = new mysqli(...)之类的对象上的; 但是您应该考虑使用这种方式:)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM