JQuery всплывающее окно с проверкой формы PHP

Question

У меня есть страница с пропиской

<form class="register" action="regist.php" method="post" > 
        <h3>Register</h3> 
        <div class="column"> 
         <div> 
          <label>First Name:</label> 
          <input type="text" name="f_name"/> 
          <span ></span> 
         </div> 
         <div> 
          <label>Last Name:</label> 
          <input type="text" name="l_name"/> 
          <span class="error">This is an error</span> 
         </div> 
         <div> 
          <label>mobile:</label> 
          <input type="text" name="mobile"/> 
          <span class="error">This is an error</span> 
         </div> 
        </div> 
        <div class="column"> 
         <div> 
          <label>Username:</label> 
          <input type="text"name="user"/> 
          <span >This is an error</span> 
         </div> 
         <div> 
          <label>Email:</label> 
          <input type="text" name="email"/> 
          <span class="error">This is an error</span> 
         </div> 
         <div> 
          <label>Password:</label> 
          <input type="password" name="pass"/> 
          <span class="error">This is an error</span> 
         </div> 
        </div> 
        <div class="bottom"> 
         <div class="remember"> 

         </div> 
         <input type="submit" value="Register" name="submet" /> 
         <a href="index.html" rel="login" class="linkform">You have an account already? Log in here</a> 
         <div class="clear"></div> 
        </div> 
       </form> 

, которые используют Jquery bpopup

$(function() { 

     // Binding a click event 
     // From jQuery v.1.7.0 use .on() instead of .bind() 
     $('#my-button').bind('click', function(e) { 

      // Prevents the default action to be triggered. 
      e.preventDefault(); 

      // Triggering bPopup when click event is fired 
      $('#element_to_pop_up').bPopup(); 

     }); 

    } 

поэтому, когда кто-то нажмите зарегистрировать форму всплывет все это работать нормально проблема в том, что я не могу сделать валидацию в форму, потому что, когда я нажимаю регистр после заполнения формы , всплывающее окно исчезнет, ​​поэтому я не могу сделать валидацию в той же форме

я попробовал 1, чтобы сделать еще одно всплывающее окно, которое покажет ошибку, но данные не перейдут к новому всплывающему окну 2, чтобы сделать действие $_SERVER['self_request'] может кто-то мне помочь, пожалуйста, у меня есть проект для моего колледжа, это в 3 dayes

то, что мне нужно, это проверка для формы в одной и той же странице или другого всплывающего окна перед отправить его в сценарий MySQL

Answer 1

Сделать страницу PHP (здесь называется validation.php), который использует GET чтобы получить информацию ...

Затем установите некоторые ID на поля ввода ...

А затем сделать функцию, как это:

function checkAll(){ 
    var firstName = document.getElementById("f_name").value(); 
    var lastName = document.getElementById("l_name").value(); 
    $.get("validation.php?f_name=" + firstName + "&l_name=" + lastName, function(response) { 
     // console.log(response); // server response 
     response = response.trim(); 
     if(response == 1){ 
      alert("Everything is alright"); 
     } else{ 
      alert(response); 
      return false; 
     } 
    }); 
} 

И изменить форму к этому:

<form class="register" action="regist.php" method="post" onSubmit="checkAll();"> 

Теперь ключ, что в validation.php, если все нормально, то работает вы можете echo value 1, а когда что-то не в порядке, вы эхо-код ошибки (или любой код, а затем с предложением коммутатора можете динамически добавить ошибку в вашу форму).

return false предотвращает отправку формы ...