Values from serialize are all null

[Mark Spritzler]

OK, So I am getting further. I can actually see my popup trying to post to my backend controller. However, all the values are null. I am trying to use serialize() since that seems to be what everyone online is saying to use.

Here is my support.jsp page

<script type="text/javascript" src="${pageContext.request.contextPath}/js/eventgate/forms/submitSupport.js"></script>
<form id="support" class="popupForm">
    <div class="line">
        <label title="fName" class="radius6">First Name</label>
        <input id="fName" type="text" placeholder="first name">
    </div>
    <div class="line">
        <label title="lName" class="radius6">Last Name</label>
        <input id="lName" type="text" placeholder="last name">
    </div>
    <div class="line">
        <label title="email" class="radius6">Email</label>
        <input id="email" type="text" placeholder="email address">
    </div>
    <div class="line">
        <label>We do not save your email address!</label>
    </div>
    <div class="line">
        <label title="comment" class="radius6">Message</label>
        <textarea rows="13" cols="40" id="comment"></textarea>
    </div>
    <div class="line radius6">
        <a id="submitSupport" class="button large"  rel="nofollow">Submit Support Ticket</a>
    </div>
</form>

And here is the js file

$(".fancyboxSupport").fancybox({
        maxWidth	: 510,
		maxHeight	: 520,
		fitToView	: false,
		width		: 510,
		height		: 520,
		autoSize	: false,
        openEffect	: 'fade2',
    	closeEffect	: 'fade'
    });

$('#submitSupport').click(function(){
    firstname = document.getElementById('fName').value;
    lastname = document.getElementById('lName').value;

    var controllerPath = "/eventgate/users/support";
    var formValues = $("#support").serialize();
    alert(formValues)
    $.post(controllerPath, $("#support").serialize(),
        function(){
        alert("Hello");
        }
    );

    alert('Thank you ' + firstname + ' ' + lastname + ' for contacting us. We should reply within 48 hours of your request');

});

At var formValues = $("#registration").serialize();
alert(formValues);

I get blank, even though I have filled in the input fields on the UI.

My only guess is that I am not using submit, but have an link instead that calls the click function. I hope I don't have to have a <input type="submit" ..> to get that to work. Then have to disable the submit or return false;

Thanks

Mark

[Karthik Shiraly]

serialize() requires form elements to have 'name' attributes, like this:

<input id="fName" name="fName" type="text" placeholder="first name"/>

[Mark Spritzler]

Karthik Shiraly wrote:serialize() requires form elements to have 'name' attributes, like this:

<input id="fName" name="fName" type="text" placeholder="first name"/>

Thank you very much, that is exactly what I needed.

Mark