在表单提交时显示成功消息

Question

I'm trying to have this form submitted and it works. However, i can't get to show a "success" message after clicking submit button.

    function signup() {
    var postData={ "service" :$('input[name=service]').val(), "ent_id": $('input[name=ent_id]').val(), "name": $('input[name=name]').val(), "mail_address" : $('input[name=mail_address]').val(), "password": $('input[name=password]').val()};
    postData = JSON.stringify(postData);
    $.ajax({
            url: 'http://domain.com/api?service=security&action=signup&request=' + postData,
            type: 'GET',
            });
    return false;
            }

Here's the form:

    <form onsubmit="return signup()">
    Name:<input type="text" name="name">
    Email:<input type="text" name="mail_address">
    Password:  <input type="password" name="password" >
    <input type="submit" name="submit" value="Submit">
    <input type="hidden" name="service" value="wf" />
    <input type="hidden" name="ent_id" value="null" />
    </form>

Could someone here help me out with the codes?

Answer 1

This should do what you want it to do. All you need to do is use the success / error callbacks that come with jQuery.

 function signup() { var postData={ "service": $('input[name=service]').val(), "ent_id": $('input[name=ent_id]').val(), "name": $('input[name=name]').val(), "mail_address" : $('input[name=mail_address]').val(), "password": $('input[name=password]').val() }; postData = JSON.stringify(postData); $.ajax({ url: 'http://domain.com/api?service=security&action=signup&request=' + postData, type: 'GET', success: function() { alert('successfully submitted'); }, error: function() { alert('an error has occurred.'); } }); return false; } 

Answer 2

 $("form[name='myForm']").submit(function(e) { var postData={ "service" :$('input[name=service]').val(), "ent_id": $('input[name=ent_id]').val(), "name": $('input[name=name]').val(), "mail_address" : $('input[name=mail_address]').val(), "password": $('input[name=password]').val()}; postData = JSON.stringify(postData); $.ajax({ url: 'http://domain.com/api?service=security&action=signup&request=' + postData, type: 'GET', success: function(data){ //alert(data); alert("success message"); } }); return false; } 

 <form id="myForm" name="myForm" accept-charset="utf-8">