JavaScript功能完成后提交表格[PHP]



大家圣诞快乐。我正在建立一个小小的着陆页,其中有一个形式。我已经通过CPA优惠将此表格获利,我想发生的是在内容锁定小部件关闭后获得用户输入。我尝试了多种方法,但是我有错误,并且一旦单击按钮,表格就会提交,并且用户无法完成报价。我要调用的JavaScript函数是call_locker();

call_locker();功能完成后如何提交表格?

index.php

<html>
<head>
<meta charset="UTF-8">
<title>Complete a survey to become part of our team.</title>
<!-- Start of content locker code -->
<noscript><meta http-equiv="refresh" content="0;url=https://www.appcaptcha.com/contentlockers/noscript.php" /></noscript>
<script type="text/javascript">var ogblock=true;</script>
<script type="text/javascript" src="https://www.appcaptcha.com/contentlockers/load.php?id=76db12dda6691911c8a119fe7043facd"></script>
<script type="text/javascript">if(ogblock) window.location.href = "https://www.appcaptcha.com/contentlockers/adblock.php";</script>
<!-- End of content locker code -->
</head>
<body>
      <?php
        $userErr ="";
        $emailErr ="";
        $url = "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
        if (strpos($url, 'error=user-empty') !== false) {
            $userErr ="Please enter your username!";
        }
        if (strpos($url, 'error=email-empty') !== false) {
            $emailErr ="Please enter your email!";
                echo $emailErr;
        }
        if (strpos($url, 'error=email-incorrect') !== false) {
            $emailErr ="Please enter a valid email!";
                echo $emailErr;
        }
        if (strpos($url, 'error=succes') !== false) {
            $entry = 'You have entered succesfully!';       
        }
      ?>
<h1> Please enter the following info: </h1>
<form method="post" action="enter.php">
Username: <input type="text" name="username" placeholder="Username" /> <br>
<span class="error"><?php echo $userErr ?></span><br>
E-mail: <input type="text" name="email" placeholder="E-mail" /><br>
<span class="error"><?php echo $emailErr ?></span><br>
Social Media: <input type="text" name="smedia" placeholder="Enter your Facebook, twitter, Skype, profile URL" /> (Optional)<br>
<input type="submit" value="Enter" />
<?php echo $entry ?>
</form>
</body>
</html>

enter.php

<?php
include 'connect-mysql.php';
    $username = $_POST['username'];
    $email = $_POST['email'];
    $smedia = $_POST['smedia'];
    if(empty($username)) {
            header("Location: index.php?error=user-empty");
            exit();
    }
    if(empty($email)) {
            header("Location: index.php?error=email-empty");
            exit();
    }
    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
            header("Location: index.php?error=email-incorrect");
            exit();
    }
    else {
    $sql = "INSERT INTO user (username, email, socialmedia) VALUES ('$username', '$email', '$smedia')";
    $result = mysqli_query($dbcon, $sql);
    header("Location: index.php?error=succes");

    };
?>

将您的表格设置为" myform",并在JavaScript函数的末尾使用以下内容。

document.getElementById("myForm").submit();

编辑:并使用按钮单击而不是使用提交按钮来调用该功能。

您需要防止提交按钮提交表格,因此使用:" event.preventdefault();"或"返回false;";event.preventdefault()与返回false

然后,在脚本结束时,您可以使用以下方式提交表格:document.getElementsbytagname(" form")[0] .submit();

最新更新