javascript .serialize() function is not working

Question

HTML CODE

 <form id="createCFrom">
    <table class="ui-widget">
        <tr>
            <td>Event
            </td>
            <td>
                <input type="text" id="CreateName" name="Event" />
            </td>
        </tr>
        <tr>
            <td>Date 
            </td>
            <td>
                <input type="text" id="CreateDate" name="Date" />
            </td>
        </tr>
        <tr>
            <td>Guest 
            </td>
            <td>
                <input type="text" id="CreateGuestName" name="Guest" />
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <button onclick="addCeremony();" class="right" id="saveCeremony">Save</button>
            </td>
        </tr>
    </table>
</form>

JS Code

function addCeremony() {
        alert($("#createCForm").serialize());
}

please include scripts within script tags!

Vivek S
– Vivek S

2012-10-15 05:49:45 +00:00
Commented Oct 15, 2012 at 5:49 — Vivek S
– Vivek S, Commented Oct 15, 2012 at 5:49

Vivek S · Accepted Answer · 2012-10-15 05:51:18Z

6

Your id is createCFrom

<form id="createCFrom">

but your script refers to createCForm

function addCeremony() {
    alert($("#createCForm").serialize());
}

answered Oct 15, 2012 at 5:51

Vivek S

5,5688 gold badges57 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pragnesh Chauhan · Accepted Answer · 2012-10-15 05:48:46Z

2

hi have change <button> to <input> type and it is working please try this

 <input type='button' onclick="addCeremony();" class="right" id="saveCeremony" value='Save'>

fiddle

answered Oct 15, 2012 at 5:48

Pragnesh Chauhan

8,49410 gold badges46 silver badges58 bronze badges

1 Comment

nnnnnn Over a year ago

Why does that help? The problem is the id of the form doesn't match the id used in the JS...

nnnnnn · Accepted Answer · 2012-10-15 05:51:45Z

2

You have a typo:

alert($("#createCForm").serialize());

Should be:

alert($("#createCFrom").serialize());

(Or perhaps the id of the form is where the typo is - up to you to decide, but obviously what I'm saying is the id of the form has to match the id you use in your JS.)

Correct that problem and it works: http://jsfiddle.net/K5FVg/

answered Oct 15, 2012 at 5:51

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

Collectives™ on Stack Overflow

javascript .serialize() function is not working

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related