如何在不单击的情况下手动将元素集中在我的PHP表单中?

时间:2015-01-06 16:21:17

标签: javascript php html forms post

我的表单已经在第一个元素中返回一个值并加载到第二个元素,但是当我想重新开始时,如何手动选择第一个元素?只连接扫描仪,因此必须是按键或其他东西。

<html>
<head>
<!-- Validate form function -->
<!--<script type="text/javascript">
//  function validateForm()
//  {
//    var x=document.forms["chip_insert"]["order_number"].value;
//    var y=document.forms["chip_insert"]["chip_number"].value;
//    if (x==null || x=="")
//    {
//      alert("Please enter an Order Number.");
//      document.forms["chip_insert"]["order_number"].focus();
//      return false;
//    }
//    if (y==null || y=="")
//    {
//      alert("Please enter a Microchip Number.");
//      document.forms["chip_insert"]["chip_number"].focus();
//      return false;
//    }
//  }

</script> 
-->

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

// Create connection
$conn = mysqli_connect($servername, $username, $password, $dbname);
// Check connection
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" onsubmit="return validateForm()" >
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>

<br />

<!--End body content -->

</body>
</html>

0 个答案:

没有答案