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

【问题标题】：validate form data on frontend and backend also using Jquery and Php也使用 Jquery 和 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>

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

【问题讨论】：

您可以通过编写解决方案进行验证，然后在此处询问
我正在尝试验证.. 正在尝试此操作的代码在哪里？

标签： javascript php jquery laravel validation

【解决方案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

 ?>

【讨论】：