Fatal编程技术网
  • javascript/
  • JavaScript和php在一段时间后停止工作，并且只有在重命名一些变量时才能工作

JavaScript和php在一段时间后停止工作，并且只有在重命名一些变量时才能工作

javascript php html variables

JavaScript和php在一段时间后停止工作，并且只有在重命名一些变量时才能工作,javascript,php,html,variables,Javascript,Php,Html,Variables,我的任务的一部分是使用php和mysql创建注册系统，并在将输入值提交到php代码（可以在mysql中运行查询）之前使用javascript检查输入值是否有效。它工作得很好，但在我重新启动计算机后，它停止了工作没有错误没有任何东西不工作，唯一的办法是如果我更改html、javascript和php中的一些变量名，我已经尝试过很多事情，比如重新启动我的wamp服务器，或者再次重新启动，使用内嵌javascript创建一个新的php文件，但都是一样的，我只是想在这一点上不要太激动，如果有人能找出代码

我的任务的一部分是使用php和mysql创建注册系统，并在将输入值提交到php代码（可以在mysql中运行查询）之前使用javascript检查输入值是否有效。它工作得很好，但在我重新启动计算机后，它停止了工作没有错误没有任何东西不工作，唯一的办法是如果我更改html、javascript和php中的一些变量名，我已经尝试过很多事情，比如重新启动我的wamp服务器，或者再次重新启动，使用内嵌javascript创建一个新的php文件，但都是一样的，我只是想在这一点上不要太激动，如果有人能找出代码的错误，请提前感谢

功能数据检查（）{
var mail=document.getElementById（'EmailCh'）.value；
var nam=document.getElementById（'nameC'）.value；
var pass=document.getElementById（'passC'）。值；
var dob=document.getElementById（'DOBC'）.value；
var poa=document.getElementById（'POAC'）。值；
var poc=document.getElementById（'POCC'）。值；
var foram=document.getElementById（'logForm'）；
如果（邮件==“”| | nam==“”| |通过==“”| | dob==“”| | poa==“”| | poc==“”）{
如果（邮件==“”）{
document.getElementById（'EmailInvalid'）.style.display=“block”；
}
如果（nam==“”）{
document.getElementById（'nameInvalid'）.style.display=“block”；
}
如果（通过==“”）{
document.getElementById（'PasswordInvalid'）.style.display=“block”；
}
如果（dob==“”）{
document.getElementById（'DOBInvalid'）.style.display=“block”；
}
如果（poa==“”）{
document.getElementById（'POAInvalid'）.style.display=“block”；
}
如果（poc==“”）{
document.getElementById（'POCInvalid'）.style.display=“block”；
}
}否则{
document.getElementById（'submitt'）.submit（）；
}
}
功能限制（参数）{
document.getElementById（参数）.style.display=“无”；
}
正文{
背景图像：url（../Images/PatternBack.jpg）；
保证金：0；
排名：0；
填充顶部：0；
}
.borCheck:无效{
边框：1.5px实心#ff5c；
}
.borCheck:有效{
边框：1.5px纯绿色；
}
.无效{
颜色：#FF5C；
字体大小：粗体；
位置：绝对位置；
浮动：对；
显示：无；
}
.第一节{
文本对齐：居中；
背景图像：url（../Images/NavBack.jpg）；
利润率：3%35%0%35%；
填充：0%5%3%5%；
边界半径：2%；
边框：2件纯黑；
}
第二节{
文本对齐：左对齐；
}
.第二个连续标签{
显示：内联块；
宽度：300px；
字体大小：100%；
}
.第二个连续输入{
显示：内联块；
宽度：100%；
高度：30px；
边界半径：3%；
大纲：无；
}
.signupLet{
填充：0 10%0；
字号：1.5em；
}
.signupletspan{
显示：内联块；
}
注册医生{
显示：内联块；
宽度：100%；
填充：10%0%；
字号：1.5em；
}
.第二个控制按钮{
颜色：白色；
背景色：#4CAF50；
边框：1px纯黑；
过渡：0.2s；
边界半径：2px；
}
.第二个控制按钮：悬停{
背景色：白色；
颜色：黑色；
边框：1px纯黑；
过渡：0.2s；
边界半径：2px；
}
.loginD{
背景图像：url（../Images/pathersign.png）；
文本对齐：居中；
利润率：10%35%035%；
填充：0%5%2%5%；
边框：1px纯黑；
边界半径：2%；
}
.登录标签{
浮动：左；
宽度：100%；
}
.loginD输入{
显示：内联块；
宽度：100%；
大纲：无；
填充：8px；
}
.苏布特{
颜色：白色；
背景色：黑色；
边框：1px纯白；
过渡：0.2s；
边界半径：2px；
填充：20px；
}
.SubBut:悬停{
背景色：白色；
颜色：黑色；
边框：1px纯黑；
过渡：0.2s；
边界半径：2px；
}



注册

你的作业需要javascript吗？如果我像你一样，我会这样做：


   <?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
if(email_exists($email)) {
        //email is already in use
    } elseif (nickname_exists($nickname)) {
        //nickname already exists
    } elseif ($password != $confirm_password) {
        //password does not match
    }  else {
    //insert into database if everything is ok
    }
    }
?>







然后，我将创建一个函数，该函数将在会话中设置一条消息，另外还有一个函数用于显示消息并清除保存消息的会话。我认为这比使用javascript更容易。
您的作业需要javascript吗？如果我像你一样，我会这样做：


   <?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
if(email_exists($email)) {
        //email is already in use
    } elseif (nickname_exists($nickname)) {
        //nickname already exists
    } elseif ($password != $confirm_password) {
        //password does not match
    }  else {
    //insert into database if everything is ok
    }
    }
?>







然后，我将创建一个函数，该函数将在会话中设置一条消息，另外还有一个函数用于显示消息并清除保存消息的会话。我认为这比使用javascript更容易。
我只是简单地看了一下代码，并修复了控制台指出的一些问题。最令人困惑的部分是通过在$sql中包含$_POST[]变量来传输这些变量。它没有抛出任何进一步的错误，我希望这有助于：


<?php
Include "Header.php";
session_start();
?>
<head>
    <script>
        function Data_Check() {
            var mail = document.getElementById('EmailCh').value;
            var nam = document.getElementById('nameC').value;
            var pass = document.getElementById('passC').value;
            var dob = document.getElementById('DOBC').value;
            var poa = document.getElementById('POAC').value;
            var poc = document.getElementById('POCC').value;
            var foram = document.getElementById('logForm');
            if (mail === "" || nam === "" || pass === "" || dob === "" || poa === "" || poc === "") {
                if (mail === "") {
                    document.getElementById('EmailInvalid').style.display = "block";
                }
                if (nam === "") {
                    document.getElementById('nameInvalid').style.display = "block";
                }
                if (pass === "") {
                    document.getElementById('PasswordInvalid').style.display = "block";
                }
                if (dob === "") {
                    document.getElementById('DOBInvalid').style.display = "block";
                }
                if (poa === "") {
                    document.getElementById('POAInvalid').style.display = "block";
                }
                if (poc === "") {
                    document.getElementById('POCInvalid').style.display = "block";
                }
            }
            else {
                document.getElementById('submitt').submit();
            }
        }
        function Restrt(Parame) {
            document.getElementById(Parame).style.display = "none";
        }
    </script>
    <style>
        body {
            background-image: url(../Images/PatternBack.jpg);
            margin: 0;
            top: 0;
            padding-top: 0;
        }
        .borCheck:invalid {
            border: 1.5px solid #FF5C5C;
        }
        .borCheck:Valid {
            border: 1.5px solid green;
        }
        .invalid {
            color: #FF5C5C;
            font-weight: bold;
            position: absolute;
            float: right;
            display: none;
        }
        .First-cont {
            text-align: center;
            background-image: url(../Images/NavBack.jpg);
            margin: 3% 35% 0% 35%;
            padding: 0% 5% 3% 5%;
            border-radius: 2%;
            border: 2px solid black;
        }
        .second-cont {
            text-align: left;
        }
        .second-cont label {
            display: inline-block;
            width: 300px;
            font-size: 100%;
        }
        .second-cont input {
            display: inline-block;
            width: 100%;
            height: 30px;
            border-radius: 3%;
            outline: none;
        }
        .signupLet {
            padding: 0 0 10% 0;
            font-size: 1.5em;
        }
        .signupLet span {
            display: inline-block;
        }
        .reg {
            display: inline-block;
            width: 100%;
            padding: 10% 0%;
            font-size: 1.5em;
        }
        .second-cont button {
            color: white;
            background-color: #4CAF50;
            border: 1px solid black;
            transition: 0.2s;
            border-radius: 2px;
        }
        .second-cont button:hover {
            background-color: white;
            color: black;
            border: 1px solid black;
            transition: 0.2s;
            border-radius: 2px;
        }
        .loginD {
            background-image: url(../Images/pathersign.png);
            text-align: center;
            margin: 10% 35% 0 35%;
            padding: 0% 5% 2% 5%;
            border: 1px solid black;
            border-radius: 2%;
        }
        .loginD label {
            float: left;
            width: 100%;
        }
        .loginD input {
            display: inline-block;
            width: 100%;
            outline: NONE;
            padding: 8px;
        }
        .SubBut {
            color: white;
            background-color: black;
            border: 1px solid white;
            transition: 0.2s;
            border-radius: 2px;
            padding: 20px;
        }
        .SubBut:hover {
            background-color: white;
            color: black;
            border: 1px solid black;
            transition: 0.2s;
            border-radius: 2px;
        }
    </style>
</head>
<body>
    <div class="First-cont">
        <div class="signupLet">
            <img src="Images/signupuser.png" alt="" width="50%" height="auto">
            <br>
            <span style="color:white;">SIGN UP</span>
            <div>
                <?php
echo $_SESSION["incorrect"];
                ?>
            </div>
        </div>
        <div class="second-cont">
            <form action="
<?php echo '$_SERVER["PHP_SELF"]'; ?>" method="post" name="register" id="submitt">
                <label>Email Address:</label>
                <input class="borCheck" type="email" name="EmailAddress" placeholder="Email Address" id="EmailCh" onkeypress="Restrt('EmailInvalid')" />
                <span class="invalid" id="EmailInvalid">Please type a Valid Email Address</span>
                <br>
                <br>
                <label>Username:</label>
                <input class="borCheck" type="text" name="Uname" id="nameC" onkeypress="Restrt('nameInvalid')" />
                <span class="invalid" id="nameInvalid">Please type a Valid name</span>
                <br>
                <br>
                <label>Password:</label>
                <input class="borCheck" type="password" name="Pass" id="passC" onkeypress="Restrt('PasswordInvalid')" />
                <span class="invalid" id="PasswordInvalid">Please type a Valid Password</span>
                <br>
                <br>
                <label>Date Of Birth:</label>
                <input class="borCheck" type="Date" name="DOB" id="DOBC" onkeypress="Restrt('DOBInvalid')" />
                <span class="invalid" id="DOBInvalid">Date of birth is Required</span>
                <br>
                <br>
                <label>Postal Address:</label>
                <input class="borCheck" type="text" name="POAddress" id="POAC" onkeypress="Restrt('POAInvalid')" />
                <span class="invalid" id="POAInvalid">Please Type a Valid Postal address</span>
                <br>
                <br>
                <label>Postal Code:</label>
                <input class="borCheck" type="number" name="POCode" id="POCC" onkeypress="Restrt('POCInvalid')" />
                <span class="invalid" id="POCInvalid">Please type A Valid Postal Code</span>
                <br>
                <br>
            </form>
            <button onclick="Data_Check()" name="Sub" class="reg">Submit</button>
        </div>
    </div>
    <?php
// Create connection
if (isset($_POST['Sub'])) {
    $conn = new mysqli('localhost','root','');
    // Check connection
    if ($conn->connect_error) {
        die("Connection failed: " . $conn->connect_error);
    }
    echo "DB Connected successfully";
    // this will select the Database sample_db
    mysqli_select_db($conn,"E-Cycle");
    echo "\n DB is seleted as Test  successfully";
    // create INSERT query

    $email = $_POST['EmailAdress'];
    $uname = $_POST['Uname'];
    $pass = $_POST['Pass'];
    $dob = $_POST['DOB'];
    $poadress = $_POST['POAdress'];
    $pocode = $_POST['POCode'];

    $sql = "INSERT INTO UserLogin (EmailAddress, Uname,Pass, DOB, POAddress, POCode) VALUES ($email, $uname, $pass, $dob, $poadress, $pocode)";

    if ($conn->query($sql) === TRUE)
    {
        header('Location: http://localhost/E-Cycle/Home.php');
    }
    else
    {
        $_SESSION["incorrect"]="Email Already Exists";
        header('Location: Signup.php');
    }
    mysqli_close($conn);
}
    ?>
</body>





函数数据检查（）{
var mail=document.getElementById（'EmailCh'）.value；
var nam=document.getElementById（'nameC'）.value；
var pass=document.getElementById（'passC'）。值；
var dob=document.getElementById（'DOBC'）.value；
var poa=document.getElementById（'POAC'）。值；
var poc=document.getElementById（'POCC'）。值；
var foram=document.getElementById（'logForm'）；
如果（邮件==“”| | nam==“”| |通过==“”| | dob==“”| | poa==“”| | poc==“”）{
如果（邮件==“”）{
document.getElementById（'EmailInvalid'）.style.display=“block”；
}
如果（nam==“”）{
document.getElementById（'nameInvalid'）.style.display=“block”；
}
如果（通过==“”）{
document.getElementById（'PasswordInvalid'）.style.display=“block”；
}
如果（dob==“”）{
document.getElementById（'DOBInvalid'）.style.display=“block”；