如何在jQuery验证后在mysql表中插入数据

时间:2014-02-15 09:59:26

标签: php jquery html mysql

我使用jquery来验证表单数据。如下图所示:

<form method="post" id="register-form" novalidate>
<table width='100%>
<tr class="dark">
<td> <strong>Event Date:</strong> </td>
<td> <input type="date" name="event_date" id="event_date"> </td>
</tr>

<tr class="light">
<td> <strong> Description </strong> </td>
<td> <input type="text" name="event_desc" id="event_desc"/> </td>
</tr>

<tr class="dark">
<td> <strong> Year </strong> </td>
<td> <input type="text" name="year" id="year"/> </td>
</tr>

</table>

<input type='submit' name='add' value='Save Event'>
</form>


<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>

<link href="runnable.css" rel="stylesheet" />
<!-- Load jQuery and the validate plugin -->
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>

<!-- jQuery Form Validation code -->
  <script>

  // When the browser is ready...
  $(function() {

    // Setup form validation on the #register-form element
    $("#register-form").validate({

        // Specify the validation rules
        rules: {
            event_date: "required",
            event_desc: "required",
            event_date: {
                required: true,
            },

        },

        // Specify the validation error messages
        messages: {
            event_date: "Please select a date",
            event_desc: "Please enter event description",
        },

        submitHandler: function(form) {
            form.submit();
        }
    });

  });

  </script>

现在我的问题是验证何时完成,我可以使用Insert查询在表格中插入表单数据。我在谈论这个问题:

<?php
if(isset ($_POST['add']))
{
     mysql_query("INSERT into events (event_date, event_desc, year)   
                    VALUES('".$_POST['event_date']."',
                           '".$_POST['event_desc']."',
                           '".$_POST['year']."') ");

       echo "<script> alert('1 Record inserted!') </script>"; 
}

有人可以帮我怎么做吗?

1 个答案:

答案 0 :(得分:1)

请将您的查询置于if (isset($_POST['add'])){}条件中以检查发布数据。

if(isset($_POST['add'])){
//...   some code

 mysql_query("INSERT into events (event_date, event_desc, year)   
                VALUES('".$_POST['event_date']."',
                       '".$_POST['event_desc']."',
                       '".$_POST['year']."') ");
//...   some code
}

<?php
$link = mysql_connect('localhost', 'mysql_user', 'mysql_password');
if (!$link) {
    die('Could not connect: ' . mysql_error());
}
mysql_select_db('YOUR_DB', $link);
$result = mysql_query("set names 'utf8'");
$result = mysql_query("INSERT into events (event_date, event_desc, year)   
                VALUES('".$_POST['event_date']."',
                       '".$_POST['event_desc']."',
                       '".$_POST['year']."') ")OR die(mysql_error());;
mysql_close($link);
?>