javascript中的Cookie无法使用live.click功能

Question

I want to get the value of one text box if a particular button is clicked. I can't send the value through url so I tried using javascript. Here is my php code:

<a href="yahoo/Connected.php">
<input type='button' class='button' id='yahoo' value='Yahoo'></a>
<p>Your name, emails will be sent with your name in Subject</p>
<input type='text' class='inviteename' id='text' name='name'>

Here is my javascript code:

<script>
$('#yahoo').live('click',function() {
var inviteename = $('.inviteename').val();
function createCookie(name,value,days) {
if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/; domain=.example.com";
}
createCookie('invitee_name',+inviteename,'1');
});
</script>

Through this, cookie is not being create, can anyone spot what wrong I'm doing?

Answer 1

1. your html is invalid. Why wrap input fields in a link?

2. .live is deprecated, you should use .on - I use on submit here.

3. you should use a cookie jQuery plugin instead of wrapping a named function into your click.

<kbd>Live Demo</kbd>

Please note the demo is using "p" instead of "name" to actualy do something. Hit F12, Run the demo once then reload to see the cookie was set

<form id='yahoo'  action="yahoo/Connected.php">
<input type='submit' class='button' value='Yahoo'></a>
<p>Your name, emails will be sent with your name in Subject</p>
<input type='text' class='inviteename' id='text' name='name'>
</form>

using

$(function() {
  $('#yahoo').on('submit',function(e) {
    var inviteename = $('.inviteename').val();
    $.cookie('invitee_name',inviteename);
  });
});