Javascript 表单提交后仍显示模式

我在HTML页面中有一个用于客户注册的模式，在用户输入其所有数据后，我希望该模式在表单提交后可用，只是为了显示

警报消息

它已成功添加，如何做到这一点

HTML页面

<div class="modal-body">
<form action="AddNCustomer.php" target="" method="post" enctype="multipart/form-data">
    <div class="row">
        <div class="col-sm-4">
            <label class="Modallabel">First Name:</label>
        </div>
        <div class="col-sm-8">
            <div class="input-group input-group-sm" style="margin-top: -5px;">
                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                <input id="FName" type="text" class="form-control ModalInput" name="FName" placeholder="First Name">
            </div><br>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <label class="Modallabel">Last Name:</label>
        </div>
        <div class="col-sm-8">
            <div class="input-group input-group-sm" style="margin-top: -5px;">
                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                <input id="LName" type="text" class="form-control ModalInput" name="LName" placeholder="Last Name">
            </div><br>
        </div>
    </div>
      //rest of input fields go here....
    <div class="row">
        <button id="submit" name="submit" class="btn btn-success btn-md" style="margin:0;width: 75px;">Add</button>
    </div>
</form>

名字：


姓氏：


//其余的输入字段都在这里。。。。
添加

PHP页面

<?php
  include_once "connect.php";

if(isset($_POST['submit'])){
    $FName = $_POST['FName'];
    $LName = $_POST['LName'];
    $NName = $_POST['NName'];
    $FaceName = $_POST['FaceName'];
    $email = $_POST['email'];
    $BDate = $_POST['BDate'];
    $OName = $_POST['OName'];
    $CelfoneNumber = $_POST['CelfoneNumber'];
    $LandlineNumber = $_POST['LandlineNumber'];
    $Latitude = $_POST['Latitude'];
    $Longitude = $_POST['Longitude'];
    $c_image = $_FILES['fileUpload']['name'];
    $c_image_tmp = $_FILES['fileUpload']['tmp_name'];

    move_uploaded_file($c_image_tmp,"../CustomerImages/$c_image");
    //To check if the customer is already entered before
    $query="SELECT * from Customers where email_address_='".$_POST["email"]."'";
    $queryresult = $conn->query($query)->fetchAll(PDO::FETCH_ASSOC);

    if (count($queryresult) == 0)
    {
        //To get the largest customer id to add a new one
        $sql="SELECT MAX(Cust_id) as max FROM Customers";

        foreach ($conn->query($sql) as $row1)
        {
            $CustID=$row1['max'] + 1;
        } 

        //Inserting the customer details in table customer
        $stmt = "INSERT INTO Customers (first_name_,last_name_,nick_name_,facebook_name_,email_address_,birthdate_,name_of_organization_,celfone_no_,landline_no_,_delivery_location_1_coordinates__longitude,_delivery_location_1_coordinates__latitude,photo_,Cust_id) VALUES (:Fname,:Lname,:Nname,:Facename,:Email,:BDate,:Oname,:Cphone,:Lphone,:latvalue,:lngvalue,:Photo,:CustID)";

        $result=$conn->prepare($stmt);
        $result->bindparam(':Fname', $FName, PDO::PARAM_INT);
        $result->bindparam(':Lname', $LName, PDO::PARAM_INT);
        $result->bindparam(':Nname', $NName, PDO::PARAM_INT);
        $result->bindparam(':Facename', $FaceName, PDO::PARAM_INT);
        $result->bindparam(':Email', $email, PDO::PARAM_INT);
        $result->bindparam(':BDate', $BDate, PDO::PARAM_INT);
        $result->bindparam(':Oname', $OName, PDO::PARAM_INT);
        $result->bindparam(':Cphone', $CelfoneNumber, PDO::PARAM_INT);
        $result->bindparam(':Lphone', $LandlineNumber, PDO::PARAM_INT);
        $result->bindparam(':latvalue', $Latitude, PDO::PARAM_INT);
        $result->bindparam(':lngvalue',$Longitude, PDO::PARAM_INT);
        $result->bindparam(':Photo',$c_image, PDO::PARAM_INT);
        $result->bindparam(':CustID',$CustID, PDO::PARAM_INT);
        if($result->execute()) 
            { 
                echo "<script>alert('Account has been created successfully, Thanks!')</script>";                    
            } 
        else 
            { 
                echo "Failure!"; 
            }
    }
}
?>

查看=>

使用

或

在链接上打开您的模式==>

<a href="#" onclick="$('#yourModal').modal({'backdrop': 'static'});" class="btn btn-primary">yourModal</a>

编辑2：

看一下=>

使用

或

在链接上打开您的模式==>

<a href="#" onclick="$('#yourModal').modal({'backdrop': 'static'});" class="btn btn-primary">yourModal</a>

编辑2：

试试这个

$(document).ready(function(){
    $("#form-id").submit(function(){
        $("#modal-id").modal("hide");
    });
});

试试这个

$(document).ready(function(){
    $("#form-id").submit(function(){
        $("#modal-id").modal("hide");
    });
});

---

您可以序列化表单并通过ajax发送，如下所示：

$("#submit").click(function(){
    $.post('AddNCustomer.php', $('form').serialize())
    .done(function() {
        $("#myLabel").text("added successfully");
    });
)}

---

我希望它能帮助您，再见。

您可以序列化表单并通过ajax发送，如下所示：

$("#submit").click(function(){
    $.post('AddNCustomer.php', $('form').serialize())
    .done(function() {
        $("#myLabel").text("added successfully");
    });
)}

---

我希望它对您有所帮助，再见。

您可能想尝试使用

AJAX

来解决这个问题。奇怪的是，您使用准备好的语句来保存数据，然后您选择通过执行以下操作将您的系统操作到SQL注入：

$query=“SELECT*from Customers where email\u address=”。$\u POST[“email”]。”

@Akintunde你能告诉我如何在javascript中获取图像名&tmp，这样我就可以通过ajax传递它，就像我在php中做的那样

$c_image=$\u FILES['fileUpload']['name']$c_image_tmp=$_文件['fileUpload']['tmp_name']

类似的问题您可能想尝试使用

AJAX

来解决这个问题。奇怪的是，您使用准备好的语句来保存数据，然后您选择通过执行以下操作将系统运行到SQL注入：

$query=“SELECT*from Customers where email_address=”$\u POST[“email”]。“”

@Akintunde你能告诉我如何在javascript中获取图像名&tmp，这样我就可以通过ajax传递它，就像我在php中做的那样

$c_image=$\u FILES['fileUpload']['name']$c_image_tmp=$_文件['fileUpload']['tmp_name']类似问题