时间戳

首页 > 解决方案 > Jquery表单验证和提交

jquery - Jquery表单验证和提交

问题描述

我有以下代码来验证和发送表单。不幸的是，验证运行良好，但页面不再重新加载，只是加载contact.php. 我是编码新手，你能帮我吗，我做错了什么？

查询：

$(document).ready(function(){
  $("#submit").click(function(){
  $('#orderForm').validate({

  });


  $.ajax({
     url:'contact.php',
     type:'post',
     data:{fname:fname,lname:lname,email:email},
     success:function(response){
        location.reload(); // reloading page
  
     }
  });

});
});

HTML

 <form id="orderForm" name="contactForm" action="contact.php" method="post">
            <h1>kapcsolat</h1>
            
            
              <label for="first_name">Vezetéknév</label>
              <input type="text" name="first_name" id="first_name" required>
              
              <label for="last_name">Keresztnév</label>
              <input type="text" name="last_name" id="last_name">
              
              <label for="email">E-mail cím</label>
              <input type="email" name="email" id="email" required>
              
              <label for="number">Telefonszám</label>
              <input type="number" name="phone">
              
              <label for="message">Megjegyzés</label>
              <textarea name="message" id="" cols="30" rows="10"></textarea>
              
              <button type="submit" id="submit" name="submit"> Küldés</button>



          </form>

谢谢你的帮助！

标签： jqueryformssubmit

解决方案

您需要将用户重定向回 MAIN INDEX 页面，而不是再次重新加载同一页面。

$(document).ready(function(){
  $("#submit").click(function(){
  
      $('#orderForm').validate({
    
      });


      $.ajax({
         url:'contact.php',
         type:'post',
         data:{fname:fname,lname:lname,email:email},
         success:function(response){
            alert("Thank you, we will get back to you shortly.");
            // **** redirect back to Main Index Page *****
            window.location.href = "YourMainIndexPage.php";
         }
      });
    
    });
});

推荐阅读