0

我正在尝试制作一个对话框，该对话框加载一个外部 php 文件，其中包含一个表单，该表单要求提供信息，包括使用 jQuery datepicker 的日期和一个 javascript 代码来检查是否在提交之前填写了所有字段。我有正确弹出对话框，但是外部 php 文件中的 javascript 不起作用（日历没有弹出，表单验证检查不起作用）。我正在使用外部 php 文件，因为我将链接设置为传递一个变量来填写表单的一部分。我不确定这些信息是否有用，但在普通窗口链接中加载 php 文件工作得很好，只有当它在对话框中时，javascript 才不起作用。

这是我的对话框脚本：

<script type="text/javascript">
$(document).ready(function() {
    $('#order a').each(function() {
        var $link = $(this);
        var $dialog = $('<div></div>')
        .load($link.attr('href') + ' #content')
        .dialog({
            autoOpen: false,
            title: $link.attr('title'),
            width: 500,
            height: 400
        });

        $link.click(function(){
            $dialog.dialog('open');
            return false;
        });
    });
});
</script>

这是我弹出对话框的代码：

<div id="order">
    <a href="package.php?code=NY1" title="Package Booking"><img src="images/order.png"></a>
</div>

php文件中的javascript代码和表单：

<head>
<script type="text/javascript">
$(function(){
            // Datepicker
            $('#pdate').datepicker({
                inline: true,
                minDate: 0,
            });
</script>
<script type="text/javascript">
function packageValidator(){
    var pdate = document.getElementById('pdate');
                    if(notEmpty(pdate, "Please enter a departure date.")){
                        return true;
                    }

    return false;
}
function notEmpty(elem, helperMsg){
    if(elem.value.length == 0){
        alert(helperMsg);
        elem.focus();
        return false;
    }
    return true;
}
</script>
</head>
<body>
<div id="content">
<form action="send_package.php" method="post" onsubmit='return packageValidator()' >
        <table>
          //Form Information
            <tr>
                <td><input id="pdate" name="pdate" type="text"></td>
            </tr>
            <tr>
                <td colspan="2"><input type="submit" value="Submit" /></td>
            </tr>
        </table>
</form>
</div>
</body>
4

1 回答 1

0

我从未见过像这样的设置。不确定您是否可以发布到仅包含 javascript 的页面。在带有表单的页面上，您必须将 PHP 文件中的所有 javascript 放入外部 .js 文件并添加

<script src="myjavascript.js"></script>

到带有表格的页面。

此外，当您将 javascript 放入外部文件时，请删除标签。然后，您可以在表单中运行验证，并调用在对话框中呈现链接的函数。

于 2012-08-06T17:35:48.210 回答