簡體   English   中英

在PHP中使用AJAX創建條形碼閱讀器

[英]Create barcode reader using AJAX in PHP

我正在嘗試使用php構建應用程序。 在“ stock_out.php”中,我想創建一個包含兩個條形碼的表單。 我有8個領域。 (1)生效日期,(2)零件編號,(3)描述1,(4)描述2,(5)NPK,(6)Nama,(7)QtyOut,(8)原因。 我想在“部件號”和“ NPK”中使用條形碼讀取器。
我有一些問題:
1.當我按Enter鍵時,它會響應按鈕提交。
2.實際上,當我在部件號中按Enter鍵時,我想在“ description1”和“ description2”中顯示詳細數據。 除了NPK,我還想在“ nama”中顯示詳細數據
3.在表單末尾,我仍然想將此表單提交到數據庫中。
我是AJAX的新手,所以我仍然不知道如何在PHP中實現AJAX。 這是我的代碼,感謝您的幫助

<html><body>
<div id="outerContainer">
    <?php include("headerFile.html"); ?>
    <?php include("navigationFile.html"); ?>
    <div id="bodyContainer">
        <div id="pageBodyTitle"> Stock Out </div> <br>
        <form id="formSearch" name="formSearch" method="post" action="proses_out.php" onSubmit="return cek_data();">
        <table id="messageTable">
            <tr>
                <td class="heading"> Effective Date </td>
                <td>
                    <input class="inputField" name="tgl" type="text" readonly  value="<?php echo $_POST['tgl']?>" tabindex="1"/>
                    <script language='JavaScript'>new tcal ({'formname': 'formSearch','controlname': 'tgl'});</script>
                </td> 
            </tr>
            <tr>
                <td class="heading"> Part Number </td>
                <td><input type='text' name='txtItem' id='txtItem' size="20" class="inputField" value='<?php echo $item;?>' tabindex="2" />
                <img src='search.ico' onClick='open_win_item()'> </td>
            </tr>
            <tr>
                <td class="heading">Description1</td>
                <td><input type='text' name='txtDesc1' id='txtDesc1' size="50" value='<?php echo $desc1;?>'  readonly /></td>
            </tr>
            <tr>
                <td class="heading">Description2</td>
                <td><input type='text' name='txtDesc2' id='txtDesc2' size="50" value='<?php echo $desc2;?>'  readonly /></td>
            </tr>
            <tr>
                <td class="heading"> NPK </td>
                <td><input type='text' name='txtNpk' id='txtNpk' size="20" maxlength="5" class="inputField" value='<?php echo $tr_no;?>' tabindex="3" />
                    <img src='search.ico' onClick='open_win_npk()'></td>
            </tr>
            <tr>
                <td class="heading">Nama</td>
                <td><input type='text' name='txtName' id='txtName' size="30" value='<?php echo $nama;?>' readonly /></td>
            </tr>
            <tr>
                <td class="heading"> Qty Out </td>
                <td><input type='text' name='txtQty' id='txtQty' size="5" class="inputField" tabindex="4"/></td>
            </tr>
            <tr>
                <td class="heading"> Reason </td>                   
                <td><select class="inputField" name="choose" id="choose" value="" tabindex="5">
                <?php
                include "/class/connect_SQL.class.php";
                $sql = "select reason_code from Inv_reason_master";
                $query = mssql_query($sql);
                    while ($row = mssql_fetch_array($query)) 
                    {
                        $coba = $row['reason_code'];
                    ?>
                        <option value="<?php echo $coba; ?>"><?php echo $coba;?></option>
                    <?php
                    }
                    ?>
                </select></td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="submit" name="Submit" value="Save" class="formButton2" tabindex="6"/>
                    <input type="reset" name="reset" value="Cancel" class="formButton2" tabindex="7"/>
                </td>
            </tr>
        </table>

        </form>
    </div>
    <?php
        if(isset($_GET["message"]) and  $_GET["message"]='save')
        {
            echo "<script language=\"javascript\"> alert('Data Tersimpan!') </script>";
        }
    ?>
    <?php include("footerFile.html"); ?>
</div>

您將必須阻止“ Enter”鍵的響應。 如果在項目中使用jquery,則可以使用以下代碼阻止它:

$(function() {

    $("form").bind("keypress", function(e) {
            if (e.keyCode == 13) return false;
      });

});

要將Enter鍵綁定到“零件號”字段,您可以嘗試以下操作:

$('#txtItem').keypress(function(e) {
    if (e.keyCode == 13) {
        alert('Enter is pressed in part number');
    }
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM