在控制檯中打印表單數據作爲對象使用jquery

Question

我有3個文本框在html「名稱，電子郵件，評論」，我想打印在控制檯作爲對象使用jquery，但它不工作。

Object {name: "Ali", email: "ali@gmail.com", message: "hi there"}

<form action="jq_ajax_contact.php" class="ajax" method="post"> 
     <div><input type="text" name="name" placeholder="Your name"></div> 
     <div><input type="text" name="email" placeholder="Your email"></div> 
     <div><textarea name="message" placeholder="Your messsage"></textarea></div> 
     <div><input type="submit" value="send"></div> 
    </form> 

Answer 1

的jsfiddle：http://jsfiddle.net/vLgxdvu4/

$('form').submit(printObj); 

function printObj(e) { 
    e.preventDefault(); 
    var obj = { 
    name: $('input[name=name]').val(), 
    email: $('input[name=email]').val(), 
    message: $('textarea[name=message]').val(), 
    } 
    console.log(obj); 
} 

HTML無形體動作提交（響應評論）

<form class="ajax" > 
     <div><input type="text" name="name" placeholder="Your name"></div> 
     <div><input type="text" name="email" placeholder="Your email"></div> 
     <div><textarea name="message" placeholder="Your messsage"></textarea></div> 
     <div><input type="submit" value="send"></div> 
    </form> 

Answer 2

只要確保你擁有jQuery的文件正確的路徑在這個標籤<script type="text/javascript" src="jquery1.8.2.js"></script>如果你管理下面的g是完整的工作示例

<form class="ajax" > 
     <div><input type="text" name="name" placeholder="Your name"></div> 
     <div><input type="text" name="email" placeholder="Your email"></div> 
     <div><textarea name="message" placeholder="Your messsage"></textarea></div> 
     <div><input type="submit" value="send"></div> 
    </form> 



<script type="text/javascript" src="jquery1.8.2.js"></script> 
<script> 
$('form').submit(function(e){ 
e.preventDefault(); 
     var obj = { 
     name: $('input[name=name]').val(), 
     email: $('input[name=email]').val(), 
     message: $('textarea[name=message]').val() 
     } 
     console.log(obj); 

alert("printed in console"); 
    }); 

</script>