после отправки формы в jQuery в PHP - PullRequest
Новая
       9

после отправки формы в jQuery в PHP

0 голосов
/ 16 декабря 2011

У меня есть php-файл, и он содержит текстовый файл и кнопку отправки, а также div и ниже код

page1.php 

<form name="form1" method="post">
  <input type="text" name="email1">
  <input type="submit" name="submit" value="send" class="submit_class">

  <div class="suc_box">You have Entered</div>
</form>

if($_POST['submit']) {
  $v1 = $_POST['email1'];

  // $query1 =  here some code to insert into database

  if($query1 > 0){
    //here i want to display the div `suc_box`.. Here how i can show that div
  }
}

И код JQuery: 

$(document).ready(function(){
    $('suc_box').hide();

    $('suc_box').click(function(){
        $(this).hide();
    });
});

Вопрос: Как я могу показать / отобразить это suc_box при отправке формы после ее вставки в базу данных?

Ответы [ 2 ]

3 голосов
/ 16 декабря 2011

Вы можете сделать это легко с AJAX. У вас есть один php-файл с формой, а другой для обработки данных:

// form_file.php 

<form id="my_form" onsubmit="validateform();">
  <input type="text" name="email1" />
  <input type="submit" value="OK" />
</form>

<div class="suc_box"></div>

<script>
$(document).ready(function(){
  $('.suc_box').click(function(){
    $(this).hide();
  });

  $('#my_form').submit(function(){
    var data = $(this).serialize();
    $.post('process.php',data,function(return_data){
      $('.suc_box').html(return_data);          
    });
    return false; //cancel the 'real' submit
  });
});   
</script>

// process.php 

<?php
$email = mysql_real_escape_string($_POST['email1']);
//write data to DB
if($succeeded) {
  echo 'You have Entered';
} else {
  echo 'Something went wrong, try again!';
}

Это не проверено, но вы поняли идею.

проверка поля электронной почты 

    function validateform(){
        if (!/^\S+@\S+\.\w+$/.test(document.sweetform.Email.value)) {
            alert("Not a valid e-mail address");
            return false;
        }
        else {
            return true;
        }

    }
0 голосов
/ 16 декабря 2011

Если я правильно понял, вы могли бы сделать это, однако я бы посоветовал изучить ajax и сделать то, что вы хотите

...