don't work submit in JQuery

Question

I have this code code of submit form:

$('.nav_step ul li').live('click', function(event){
    $( "#"+where_it ).submit();
    event.preventDefault();
});

HTML


    
        
            
                
                    
                        
                            1 Requirements
                        
                    
                
            
        
        
            
                
                    
                        
                            2 Profile
                        
                    
                
            
        
        
            
                
                    
                        
                            3 Assets
                        
                    
                
            
        
        
            
                
                    
                        
                            4 Liabilities
                        
                    
                
            
        
        
            
                
                    
                        
                            5 Third Parties
                        
                    
                
            
        
        
            
                
                    
                        
                            6 Compliance
                        
                    
                
            
        
        
            
                
                    
                        
                            7 Documents
                        
                    
                
            
        
        
            
                
                    
                        
                            8 Submit
                        
                    
                
            
        
    



        
            
                
                    Previous
                    Save
                    Next
                
            
            


    
        
            
                
                    
                
                
                    
                
            
            
                
                    Address                
                
                    
                
            
            
                
                    
                
                
                    
                        Ownership
                    
                    
                        
                            Monthly Payment
                        
                        
                    
                    
                        
                            Limit
                        
                        
                    
                    
                        
                            Balance
                        
                        
                    
                
            
            
                Delete
                                    Add More
                            
        
        
            
                
                
            
            
                
                    
                        BSB                    
                    
                        
                    
                
                
                    
                        Account Number                    
                    
                        
                    
                
            
            
            
        
        
                            
                    
                        Tom Tomas                    
                    
                        %
                                            
                
                            
                    
                        Tom Tomas                    
                    
                        %
                                            
                
                            
                    
                                             
                    
                        %
                                            
                
                        
        
    
            
            
                
                    
                        
                            
                                What are your current Monthly expenses?                            
                        
                        
                            
                                
                                    
                                
                                
                                    
                                
                                
                                    
                                        help
                                        There Will Be any written comment
                                    
                                
                            
                        
                        
                        
                    
                
            
            
                
                    
                        
                            
                                
                            
                        
                        
                            
                                
                            
                            
                                
                                    Total:
                                
                                
                                    
                                        Monthly Payment
                                    
                                    
                                        $ 0                                    
                                
                                
                                    
                                        Limit
                                    
                                    
                                        $ 0                                    
                                
                                
                                    
                                        Balance
                                    
                                    
                                        $ 0                                    
                                
                            
                        
                        

                        
                    
                
            
            
                
                    
                        
                            Income details (if any):                        
                        
                            
                        
                    
                    
                
            
            
                
                    Previous
                    Save
                    Next

With event.preventDefault(); links does not work after clicking, without event.preventDefault(); i can't see error message after validation and form is submitted but error message i can't see and page reload without notify user about errors.

If i am use this code for detect errors, form does'n submit and it not work.

$( "#"+where_it ).submit(function( event ) {
    alert( "Handler for .submit() called." );
});

where_it this is id of form - work fine.

UPDATE: I want what form submit if is errors users notify about it, if not errors i am go to link.

UPDATE1 When i am use this code

$( "#"+where_it ).submit(function(event)
        {
            event.preventDefault();
            if( /* no error */)
            {
               $( "#"+where_it ).submit(); 
            }else{
               alert( "error." );
            }
        });

I will have just redirect. Not submit form and not any errors. Handler for .submit() not work. This is strange.

UPDATE2

$(document).ready(function(){
    $('.nav_step ul li').on('click', function(event){
        $( "#"+where_it ).submit(function( event ) {
            alert( "Handler for .submit() called." );   
        });
        $( "#"+where_it ).submit();
        event.preventDefault();
    });
});

In this code works all. But if all good i am can't redirected after click event coz event.preventDefault(); not allow it. If this is remove i can't see error message after validation. i think possible solution is do something this if success redirect(url: this .nav_step ul li a). But i don't know how do it.

Siamak Motlagh · Accepted Answer

You need to use event.preventDefault() but you should submit the form manually after everything was ok. $( "#"+where_it ).submit();. something like this:

$('form').submit(function(event)
{
    event.preventDefault();
    if( /* no error */)
    {
       $('form').submit(); 
    }
});

This is a simple demo you can check it out and change your code.

HTML:

JS:

$('form').on('submit', function(event)
{
     event.preventDefault();
     if($('#name').val() != '' && $('#last_name').val() != '')
     {
         // here you can submit the form
         alert('submitted');
         //$('form').submit();
     }
     else
     {
         $('span').text('fill the textboxes.'); 
     }
});

don't work submit in JQuery

Answers (1)

Related Questions

don&#39;t work submit in JQuery

Answers (1)

Related Questions

don't work submit in JQuery