0

我仍然是 PHP 编程的初学者。我需要有关如何提示所选日期的帮助。一个简单的网页，允许用户在单击提交按钮后选择日期（通过 javascript）。我想提示用户日期，但它所做的是打开一个新页面并显示当前页面。

我的 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(function() {

于 2013-03-18T05:57:02.127 回答