0

私はまだPHPプログラミングの初心者です。選択した日付を表示する方法についてサポートが必要です。ユーザーが (javascript を介して) 日付を選択し、送信ボタンをクリックできるようにする単純な Web ページ。ユーザーに日付を入力させたいのですが、それは新しいページを開いて現在のページを表示することです。

私のPHPファイル:rcl_stock_allocation.php

<html>
    <head>
        <LINK REL=StyleSheet HREF="inc/style.css" TYPE="text/css" MEDIA=screen>
        <LINK REL=StyleSheet HREF="inc/cal_styles.css" TYPE="text/css" MEDIA=screen>
        <script type="text/javascript"  language="javascript" src="inc/myCalendar.js"></script>
        <script type="text/javascript" src="inc/jquery-1.9.1.js"></script>
        <script type="text/javascript">
            function popCal(ThisValue){
                calpop  = new Epoch('epoch_popup','popup',document.getElementById(ThisValue));
                calpop.toggle();
            }
        </script>
        <title>RCL Stock Allocation</title>
    </head>
    <body>
        <?php
        echo "<form name='rcl_stock_allocation' action='' method='get' target=_blank >";
        echo "<table border = '0'>";
        echo "<tr><td colspan='2'><font size='2' ><b>RCL Stock Allocation for Bookshop</b></font></td></tr>";
        print "<tr><td></br></td></tr>";
        print <<<menu1
        <tr><td align=right >Date of Transaction</td><td> <input type="text" id ="transactionDate" name="transactionDate" class = graytextbox readonly=true style='width:80px; text-align:center' value = '$transactionDate' />&nbsp;<a href=# onclick="popCal('transactionDate');">&nbsp;Date Picker</a>

menu1;
        print "</td></tr>";
        echo "<tr><td></td><td><input type='submit' name='load_data' id='load_data' value='Load Stocks' /></td></tr>";
        echo "</table>";
        echo "</form>";
        //echo "lloyd";
        ?>


    </body>
</html>

そして、ここに私のjavascriptがあります:rcl_stkall.js

$(function() {
            $('.error').hide();
            $(".load_data").click(function() {
                $('.error').hide();
                var transactionDate = $("input#transactionDate").val();
                if(transactionDate == ""){
                    $("label#transactionDate").show();
                    $("input#transactionDate").focus();
                    return false;
                }
                var dateOfTransaction = 'date=' + transactionDate;
                alert(dateOfTransaction); return false;
            });
        });

前もって感謝します。

4

3 に答える 3

0

以下にいくつかの基本事項を示します。

フォームを開始するときに、'target=_blank' を削除します。これは必要ありません。

次に、デフォルトの送信アクションを防止することで、フォームの送信を停止できます。これを '$(function() {' 内の JS に追加します。

$('#rcl_stock_allocation').on('submit', function(e) {
    e.preventDefault();
    // add code here to show prompt the user of the date 
});

ユーザーが日付を求められた後にフォームを送信する必要がある場合は、次を使用します。

$('#rcl_stock_allocation').submit();

フォームの送信を完了します。

于 2013-03-18T05:11:39.160 に答える
0

タイプ= 'ボタン'

    <input type='button' name='load_data' id='load_data' value='Load Stocks' />
于 2013-03-18T05:36:49.090 に答える
0

まず、送信ボタンに id="load_data" を使用しているので、

これを試して、

$(".load_data").click(function() {

$("#load_data").click(関数() {

于 2013-03-18T05:57:02.127 に答える