dongxian6653
2019-01-02 11:00
浏览 76
已采纳

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

i am trying do validate my form data on frontend and backend also using jquery and php using post method on jquery.

<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>

this is my form how can i validate it on frontend and also backend without page refresh

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • duankeye2342 2019-01-02 11:11
    已采纳
                <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
    
     ?>
    
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题