也使用 Jquery 和 Php 在前端和后端验证表单数据

Posted 2023-05-09

【中文标题】也使用 Jquery 和 Php 在前端和后端验证表单数据

【英文标题】：validate form data on frontend and backend also using Jquery and Php

【发布时间】：2019-05-29 00:42:46

【问题描述】：

我正在尝试在前端和后端使用 jquery 和 php 在 jquery 上使用 post 方法验证我的表单数据。

<form>
    <div class="form-group">
        <label for="exampleInputEmail1">Email address</label>
        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
        <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
    </div>
    <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
</form>

这是我的表单，我如何在前端和后端验证它而不刷新页面

【问题讨论】：

您可以通过编写解决方案进行验证，然后在此处询问

我正在尝试验证.. 正在尝试此操作的代码在哪里？

【参考方案1】：

            <script>
            $(document).ready(function()
              $("button").on("click", function()
               let email = $.trim($("#exampleInputEmail1").val());
               let password = $.trim($("#exampleInputPassword1").val());

              if(email === "")
               alert("Email is required!");
               return false;
              

             if(password === "")
               alert("Password is required!");
               return false;
             

             $.post("login.php",email : email , password : password, function(response)
              response = JSON.parse(response);
              if(response.success)
               // redirect to homepage
               else
                alert(response.message);
               
             );
             );
            );
            </script>


    login.php

    <?php 
    $email = $_POST["email"];
    $password = $_POST["password"];

    if($email === "")
     echo json_encode(array("success" => false,"message" => "Email is required!")); 
     exit;
    

    if($password === "")
      echo json_encode(array("success" => false,"message" => "Password is required!")); exit;
     


//check the record in db and send back the response

 ?>