0

到目前为止，我有一个允许用户发布一些数据的 html 表单。这是我需要进行表单处理的步骤。

1，一旦用户在页面 A 上提交了数据，它就会在页面 A 上弹出一个 Jquery 对话窗口，以允许用户确认他们所做的事情是否正确。

2，在对话窗口上单击“是”后，我需要它再次将其带到 A 页面。然后，同一页面将根据按下的按钮是或否来处理逻辑。

3，然后逻辑将重定向到页面 B 或仅输出验证错误。

页面 A

允许用户提交数据的表单

 <form style="display:block" id="edit-user" name="input" action="" method="post">                   
                    <?php
                        if(isset($users)) {
                            echo "<select name='users'>"; 
                            foreach($users as $user) {

                                echo "<option value='".$user."'>".$user."</option>";

                            }
                            echo "</select> 
                            <input type='submit' value='Submit' name='edit-user'>";
                        }


                    ?>

在同一页面的表单发布后弹出的页面 A 上的对话框窗口。

  if($_POST['edit-user']) { ?>

<script type="text/javascript">

    $(function() {
        $("#dialog-confirm").dialog({
            dialogClass: "no-close smaller-text",
            resizable: false,
            height:160,
            modal: true,
            buttons: {
                "Yes": function() {
                    $(this).dialog( "close" );

                },
                Cancel: function() {
                    $(this).dialog( "close" );
                }

            }
        });
    });
</script>

<?php }  ?>

有什么解决办法吗？如果有另一种方法可以完全做到这一点，请分享。

4

2 回答 2

0

你可以尝试这样的事情：

页面 A

<form id="edit-user" name="input" action="" method="post">
...your input fields here...
<button type="button" id="submitBtn">Submit</button>
</form>

页面 A 脚本

 <script type="text/javascript">
 $(function() {
    $('#submitBtn').on('click',function(){
        $("#dialog-confirm").dialog({
            dialogClass: "no-close smaller-text",
            resizable: false,
            height:160,
            modal: true,
            buttons: {
            "Yes": function() {
                $(this).dialog( "close" );
                $('#edit-user').submit();

            },
            Cancel: function() {
                $(this).dialog( "close" );
            }

        });
    });
});
</script>
于 2013-05-12T18:21:53.183 回答
0 
<form style="display:block" id="edit-user" name="input" action="" method="post">                   
  <?php
     if(isset($users)) 
     {
        echo "<select name='users' id='users'>"; 
        foreach($users as $user) 
        {
          echo "<option value='".$user."'>".$user."</option>";
        }
        echo "</select> 
        <input type='button' value='Submit' onclick='validate();'>";
     }


  ?>
<script>
function validate()
{
 var user = getElementById('#users').value;
  $("#dialog-confirm").dialog({
        dialogClass: "no-close smaller-text",
        resizable: false,
        height:160,
        modal: true,
        buttons: {
            "Yes": function() {
                /*Do the client side validation.
                For server side validation make use of ajax. In 
                server side validation, handle rest of the script according to response.
                */
                if(VALIDATION FAIL)
                {//output error
                 $(this).dialog( "close" );}else{
                window.location.href = 'Url to Page B'; //If validation is success
                }
            },
            Cancel: function() {
                $(this).dialog( "close" );
            }

        }
    });
}
</script>
于 2013-05-12T18:44:00.527 回答