2009-09-04 3 views
1

jQueryの.post()関数を使用してフォームを作成し、データをPHPファイルに投稿しました。私が得続けるエラーは、 "missing:property idの後"です。どんな助けもありがとう。ここJquery .post()はエラーメッセージ "missing:after property id"を返します

フォームのコードである:

<form id="ev-form" name="ev-form" action="/new_event_submit.php" method="post"> 
       <fieldset> 
        <ol> 
         <li>  
         <label for="ev-name">Event</label> 
         <input type="text" id="ev-name" name="ev-name" class="text" /> 
         </li> 
         <li> 
         <label for="ev-date">Date &amp; Time</label> 
         <input type="text" id="ev-date" name="ev-date" class="text" /> 
         </li> 
         <li> 
         <label for="ev-desc">Description</label> 
         <textarea id="ev-desc" name="ev-desc" cols="" rows="" class="textarea"></textarea> 
         </li> 
         <li> 
         <input type="submit" id="ev-submit" value="Submit Event" class="submit" /> 
         </li> 
        </ol> 
       </fieldset> 
       <div id="load-icon"></div> 
      </form> 

ジャバスクリプト.post()関数は以下の通りである:

$j(document).ready(function(){ 

//Setup on the click event 
    $j('#ev-form input.submit').click(function(){ 

//Setup some variable with needed values 
     var input_name = $j('input:eq(0)').val(), 
     input_date = $j('input:eq(1)').val(), 
     input_desc = $j('#ev-form textarea').val(), 
     ajax_loader = '<img src="ajax-loader.gif" alt="Loader" />'; 

    //Hide and previous response 
    $j('#response').hide(); 

    //show the loader 
    $j('#load-icon').html(ajax_loader); 

    $j.post('new_event_submit.php', {ev-name: input_name, ev-date: input_date, ev-desc: input_desc}, function(data) { 

     //Hide the loader 
     $j('#load-icon img').hide(1000, function() { 
      $j('#ev-form').append('<div id="response">' + data + '</div>'); 
     }); 

    }); 
    return false; 
}); 

})。

答えて

7

あなたが引用符でそれらをカプセル化しない限り、あなたは、キー名(例えばev-desc)でハイフンを持つことはできません。'ev-desc'