来自MySQL的表单日期验证的AJAX调用不会再次工作,直到页面刷新

时间:2013-10-08 02:51:31

标签: php jquery mysql ajax

我是AJAX的新手,但能够对MySQL数据库中的现有值进行一些表单验证检查。除了我的AJAX日期验证之外,一切正常。它只能正确验证一次。如果我刷新页面,它会再次正确验证。我将新的Date()。getTime()分配给了url,因为我认为它可能是一个缓存问题,但我仍然有相同的结果。我对同一表单上的数字和电子邮件使用相同类型的验证,并且每次都在不刷新页面的情况下工作。这是我的test form。数据库中的现有日期是2013年10月14日,15日,16日和17日。数据库中的日期格式是0000-00-00或2013-10-14现有数字1,2,3和4.现有的电子邮件是@@ me.com和me@you.com。 如果值存在于数据库中,我不希望表单过时。 这是我的JS代码。

    $(document).ready(function(){
$('#fb-submit-button').attr('disabled','disabled');
var emailok = false;
var numberok = false;
var boxes = $(".fb-item");
var myForm = $("#docContainer"), 
number = $("#item3_number_1"), 
 email = $("#item4_email_1"), 
 numberInfo = $("#numberInfo"), 
 emailInfo = $("#emailInfo");


   //send ajax request to check email

email.blur(function(){
    $.ajax({
        type: "POST",
        data: "email="+$(this).attr("value"),
        url: "../../formcheck_email.php",
        beforeSend: function(){
            emailInfo.html("<font color='blue'>Checking Email...</font>");
        },
        success: function(data){
            if(data == "invalid")
            {
                emailok = false;
                emailInfo.html("<font color='red'>Invalid Email</font>");
            $('#fb-submit-button').attr('disabled','disabled');
            }
            else if(data != "0")
            {
                emailok = false;
                emailInfo.html("<font color='red'>Email Already Exist</font>");            
               $('#fb-submit-button').attr('disabled','disabled');

            }
            else
            {
                emailok = true;
                emailInfo.html("<font color='green'>Email OK</font>");
               $('#fb-submit-button').attr('disabled','');
            }
        }
      });
   });  




    //send ajax request to check number

number.blur(function(){
    $.ajax({

        type: "POST",
        data: "number="+$(this).attr("value"),
        url: "../../formcheck_number.php",
        beforeSend: function(){
            numberInfo.html("<font color='blue'>Checking Number...</font>");
        },
        success: function(data){

             if(data != "0")
            {

                numberok = false;
                numberInfo.html("<font color='red'>Number Already Exist</font>");
               $('#fb-submit-button').attr('disabled','disabled');
            }
            else
            {
                numberok = true;
                numberInfo.html("<font color='green'>Number OK</font>");
               $('#fb-submit-button').attr('disabled','');
            }
        }
       });

    });

    //send ajax request to check date


$('#fb-submit-button').attr('disabled', 'disabled');
       $('.datepicker').datepicker({
      onSelect: function(dateText) {
  $("#item61_date_1").datepicker();    
        post_date = $('.datepicker'),
        dateInfo = $('#dateInfo');

    //send ajax request to check date            

        dateInfo.html('<font color="blue">Checking Date...</font>');
           $.ajax({
                url: '../../formcheck_date.php',
                data: {post_date: $(this).val()},
                type: 'POST',
                success: function(data) {
                    dateok = (data == '0');
                    dateInfo.html('<font color="' + (dateok ? 'green' : 'red') + '">Date ' +
                          (dateok ? 'Available' : 'Already Taken') + '</font>');
                    $('#fb-submit-button').attr('disabled', dateok ? '' : 'disabled');
                }
           });

     }
  });

   });

这是我的php数据库连接。

    <?php
    require_once('pdo_connect.php');
    $post_date = $_POST['post_date'];
    $sql= "SELECT post_date FROM validation where post_date='$post_date'";
    $stmt = $pdo->prepare($sql);
    $stmt->execute();
    $msg = $stmt->rowCount();


    if($msg !== false) {

    echo $msg;
    }

    ?>

1 个答案:

答案 0 :(得分:0)

默认的mysql日期格式为'YYYY-MM-DD HH:MM:SS'我认为您直接将日期的输入值传递给查询而不更改格式。 你可以使用

来做到这一点

date('Y-m-d',strtotime('10/16/2013'));

或直接使用(日期格式如10月16日)

select count(*) as datecount 
from your_table  
where date_field = DATE_FORMAT($POST_DATE,"%M %e");

您不能使用保留关键字日期,例如使用反引号来逃避

还有另外两个问题mysql_ *也被弃用了sql injection

获取datepicker值的正确方法是$('#datepick_id').datepicker('getDate');