Question

我无法使用jQuery .submit()函数提交表单。在我的网站上，我有：

的index.php
视图-detail.php
形状process.php

在index.php页面上，是用户可以单击以查看记录的完整详细信息的记录列表。

如果用户想要更新状态审批，view-detail.php页面会显示记录详细信息以及表单。

form-process.php将是更新记录的表单处理

码

的index.php

<script>
    jQuery(document).ready(function($){     
        function myForm(e){
            e.preventDefault();
            var data = $(this).serialize();
            alert(data);
            $.ajax({
                type: "POST",
                url: 'form-process.php',
                data: data,
                success: function(response) {
                    alert("success");
                    console.log(response);
                },
                error: function() {
                    alert('Error Submitting');
                }
            })
        }

        $(".view_detail").click(function(e){
            e.preventDefault();
            url = $(this).attr('href');

            $.get(url, function(data){
                $("#section").html(data);
                $("form").submit(myForm);    
            });
        });

    });
</script>

<div id="section"> 
   <!-- records from db and link to view full detail -->
   <a href="view-detail.php?id='.$permohonan_id.'" class="view_detail">View</a>
</div>

查看-detail.php

<form id="myForm" name="kelulusan" action="<?php echo 'form-process.php'; ?>" method="post">
    <div class="sokongan">
        <input type="radio" name="kelulusan" id="dp" value="Dalam Proses"> Dalam Proses<br>
        <input type="radio" name="kelulusan" id="ll" value="Lulus"> Lulus<br>
        <input type="radio" name="kelulusan" id="tl" value="Tidak Lulus"> Tidak Lulus 
    </div>
    <p><input type="hidden" name="pid"  value="<?php echo $pid;?>"></p>
    <input type="submit" name="submit"  value="Submit"> 
</form>

形状process.php

<?php
if(isset($_POST['kelulusan'])){
    $status = $_POST['kelulusan'];
    echo "Update : $status ";
}
// validate and update database query
?>

当我点击提交按钮时，表单会收到回复。我可以知道为什么以及如何解决它？

Answer 1

由于您不希望使用＆＃34;正常＆＃34; project-account-create-edit表单。形式行为，你最好使用一个按钮它可以这么简单：

submit

或者你可以使用<input type="button" onclick="myForm();">处理程序和event这样：

id

然后，<input type="button" id="SubmitTheForm"> $("#SubmitTheForm").on("click",function(){ myForm(); });确实没用如果你使用preventDefault()按钮，那就是。

jQuery .submit（） - 没有响应

1 个答案: