Onclick表单提交为按钮提交

Question

I have a link with onclick attr to submit my form. Like this:

<a href="javascript:void(0);" onclick="myFunc()">lorem ipsum</a>

function myFunc() {
$('.ajaxform').submit();
}

The problem is.. I'm using an ajax function to do a non-refresh submit.. And I have another script like this:

jQuery(document).ready(function(){

    jQuery('.ajaxform').submit( function() {

        $.ajax({
            url     : $(this).attr('action'),
            type    : $(this).attr('method'),
            dataType: 'json',
            data    : $(this).serialize(),
            success : function( data ) {
                        for(var id in data) {
                            jQuery('#' + id).html( data[id] );
                        }
                      }
        });

        return false;
    });

});

If I use a input button type submit the ajax works.. But it doesnt work using the onclick submit... How can I solve this?

Thanks.

Answer 1

If you are using a <a> attribute then instead of inline onclick attribute write the click function seperately and then use event.preventDefault(); and then submit the form

<a id='someId' href="javascript:void(0);" onclick="myFunc()">Submit</a> //Give some id
    $(function(){
     $('#someId').click(function(){
     event.preventDefault(); //This will prevent the default action of <a> attribute

     $('.ajaxform').submit(function(){
      //write the functionality here

        });

    }); 
   });