追加入力を追加するとJavaScriptが機能しなくなる

Question

JavaScriptコードを編集しようとしていますが、JavaScriptに関する経験はありません。

私は、このHTMLフォームを持っており、それに余分な入力を追加しようとしています：

<form method="post" action="php/subscribe.php" name="subscribeform" id="subscribeform"> 
     <input type="text" name="email" placeholder="Enter your email address to get notified" id="subemail" /> 
     <input type="text" name="personname" placeholder="Enter your name" id="personname" /> 
     <input type="submit" name="send" value="Notify me" id="subsubmit" class="btn2" /> 
    </form> 

    <!-- subscribe message --> 
    <div id="mesaj"></div> 
    <!-- subscribe message --> 
    </div> 

フォームはその後、私のPHPファイルにデータをプッシュします。しかし、私も使用していたテーマは、次のJavaScriptファイルの特徴：

jQuery(document).ready(function(){ 
$('#subscribeform').submit(function(){ 

    var action = $(this).attr('action'); 

    $("#mesaj").slideUp(750,function() { 
    $('#mesaj').hide(); 

    $('#subsubmit') 
     .after('') 
     .attr('disabled','disabled'); 

    $.post(action, { 
     email: $('#subemail').val() 
     personname: $('#personname').val() // THIS STOPS THE FILE FROM WORKING 


    }, 
     function(data){ 
      document.getElementById('mesaj').innerHTML = data; 
      $('#mesaj').slideDown('slow'); 
      $('#subscribeform img.subscribe-loader').fadeOut('slow',function(){$(this).remove()}); 
      $('#subsubmit').removeAttr('disabled'); 
      if(data.match('success') != null) $('#subscribeform').slideUp('slow'); 


     } 
    ); 

    }); 

    return false; 

}); 

をもともとのテーマは、電子メール用のフォーム上の一つの入力に付属しています。しかし、フォームとJavaScriptファイルの両方にpersonnameの入力を追加しようとすると、JavaScriptが機能しなくなります。メインページ内のPHPレンダリングの代わりに、空のPHPページにリダイレクトされます。echoは成功メッセージです。

私が以前に言ったように、私はJavascriptで非常に経験の浅いので、どんな助けも認められるでしょう。

Answer 1

あなたがそこにカンマが含まれていないように見える：

$.post(action, { 
     email: $('#subemail').val(), <--- Comma here 
     personname: $('#personname').val() // THIS STOPS THE FILE FROM WORKING 


    }, 

のJavascript（かっこを含む）、それらのcurlybrackets { ... }の内側には、オブジェクトとして知られているものです。以前にJSON形式のデータを見たことがあるなら、それはあなたにはよく知られているはずです。構文は、基本的にはキーと値を区切るコロンと、キーと値のペアを区切るカンマです。