jQuery 추가 양식 필드 제출

현재 php/mysql의 확장 작업 목록을 작성 중입니다. 목록에는 작업이 발생하는 여러 필드가 있습니다.jQuery 추가 양식 필드 제출

이

<form class="add-new-task" autocomplete="off"> 
    <input type="text" name="new-task" placeholder="Add a new item..." /> 
    </form>

그런 다음 스크립트 양식 제출 :

내가 다음 코드를 사용하여 작업을 추가하려면

function add_task() { 
    $('.add-new-task').submit(function(){ 
    var new_task = $('.add-new-task input[name=new-task]').val(); 

    if(new_task != ''){ 
    $.post('includes/add-task.php', { task: new_task }, function(data) { 
     $('.add-new-task input[name=new-task]').val(''); 
     $(data).appendTo('.task-list ul').hide().fadeIn(); 
       delete_task(); 
      }); 
    } 
    return false; // Ensure that the form does not submit twice 
    }); 
}

그리고 당신이 그것을 알 수 있도록를, 여기에 추가 task.php

입니다

<?php 
    $task = strip_tags($_POST['task']); 
    $date = date('Y-m-d'); // Today%u2019s date 
    $time = date('H:i:s'); // Current time 
    $user = $_SESSION['user']['id']; 
    $field = ""; 

    require("connect.php"); 

    mysql_query("INSERT INTO todo (user, field, task, date, time) VALUES ('$user', '$field', '$task', '$date', '$time')"); 



    $query = mysql_query("SELECT * FROM todo WHERE task='$task' and date='$date' and time='$time'"); 

    while($row = mysql_fetch_assoc($query)){ 
    $task_id = $row['id']; 
    $task_name = $row['task']; 
    } 

    mysql_close(); 

    echo '<li><span>'.$task_name.'</span><img id="'.$task_id.'" class="delete-button" width="10px" src="images/close.svg" /></li>'; 
?>

이제 '필드'라는 입력 필드를 양식에 추가하고이를 처리 할 수 있습니다. 내 기술이 실패하는 곳에서는 add-task.php에 양식을 제출하는 스크립트를 만들어 "필드"입력을 제출하십시오.

누군가가 저를 도울 것입니다.

최고! 당신은 보낼 필요가있을 것이다, 그렇지 않으면

<form class="add-new-task" autocomplete="off"> 
    <input type="text" name="task" placeholder="Add a new item..." /> 
    <input type="text" name="field" /> 
</form> 

    $.post('includes/add-task.php', $('form.add-new-task').serialize(), function(data) {

: 내가 개인적 것이 무엇

출처

2014-07-16 marwej

이해야 작동

var field = $('.add-new-task input[name=field]').val(); 

$.post('includes/add-task.php', { task: new_task, field: field }, function(data) { 
    .... 
}

출처

2014-07-16 00:20:19 ReynierPM

는 양식을 그들은 당신이 그들을 PHP에있을 싶은와 일치하도록 필드 이름을 지정한 다음 직렬화입니다 다른 필드의 데이터에 :

function add_task() { 
    $('.add-new-task').submit(function(){ 
    var new_task = $('.add-new-task input[name=new-task]').val(); 
    var field= $('.add-new-task input[name=field]').val(); 
    if(new_task != ''){ 
    $.post('includes/add-task.php', { task: new_task, field: field }, function(data) {

출처

2014-07-16 00:20:03 dave

jQuery 추가 양식 필드 제출

답변

관련 문제