Jquery form.submit not working

Question

I have the Code like this which checks code availability if code exists the form does not submit

i have the code which is not working

<script type="text/javascript">
$(document).ready(function() {
    $('#Loading').hide();
            var min_chars = 3;  
            //result texts  
            var characters_error = 'Minimum amount of chars is 3';  
            var checking_html = 'Checking...';      


        $('#reality_form').submit(function(){

            if($('#realitycode').val().length < min_chars){
                $('#Info').html(characters_error);  
            }else{  
                //else show the cheking_text and run the function to check  
                    $('#Info').html(checking_html);  
                        var reltcode = $('#realitycode').val();  

                //use ajax to run the check  
                $.post("http://localhost/Testtt/wp-content/plugins/Realestate Redirection/check_realitycode_availablity.php", { realitycode: reltcode },

                 function(result){  
                    //if the result is 1  
                    if(result == 1){  
                        //show that the username is available
                        alert('hi');  
                        $('#Info').html(reltcode + ' is Available'); 

                    }else{  
                        alert('hello'); 
                        $('#Info').html(reltcode + ' is not Available');

                    } 

                }); 
           return false;    
            }

    });  

 }); 

</script>
<div class="wrap"> 
            <?php    echo "<h2>" . __( 'RealEstate Listing Options', 'oscimp_trdom' ) . "</h2>"; ?>
            <form action="" name="reality" method="post" id="reality_form">
            <input type="hidden" name="reality_hidden" value="Y">  
            Website Url:<input type="text" name="website_url" value="" />
            Listing Code: <input type="text" name="rlt_code" id="realitycode" />
            <input type="submit" name="submit" value="submit" />
            <div id="Info"></div>
            <span id="Loading"><img src="http://localhost/Testtt/wp-content/plugins/Realestate Redirection/loader.gif" alt="" /></span>

            </form>
</div>

As i look on console the Ajax url becomes error but when i use for realitycode keyup() function then Ajax works properly. i want form should not get submit if any error. but form is submitting in every case Please help

your return false/true is inside inner function.so it can not return false for submit function for preventing it from submmiting. — Behnam Esmaili
– Behnam Esmaili, Commented Jun 9, 2012 at 9:44
when i put it as said after Ajax then it stopped in every case code $.post("localhost/Testtt/wp-content/plugins/Realestate Redirection/check_realitycode_availablity.php", { realitycode: reltcode }, function(result){ //if the result is 1 if(result == 1){ //show that the username is available alert('hi'); $('#Info').html(reltcode + ' is Available'); }else{ alert('hello'); $('#Info').html(reltcode + ' is not Available'); } }); return false; code — Ankit
– Ankit, Commented Jun 9, 2012 at 10:00

Jeff Watkins · Accepted Answer · 2012-06-09 09:43:50Z

2

Use the .click event instead of submit. Then if the form is valid, call submit yourself in code.

answered Jun 9, 2012 at 9:43

Jeff Watkins

6,35718 silver badges19 bronze badges

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

Comments

Sarfraz · Accepted Answer · 2012-06-09 09:40:31Z

1

i want form should not get submit if any error. but form is submitting in every case Please help

Put return false at the end of your $('#reality_form').submit() function:

$('#reality_form').submit(function(){
   // your other code
   return false;
});

answered Jun 9, 2012 at 9:40

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

1 Comment

Ankit Over a year ago

it gets stop now in everycase when i put code return false; code in end of function as said can you show through code where to put

Zefiryn · Accepted Answer · 2012-06-09 10:31:38Z

0

The other way to prevent from submitting is using the following code:

$('#reality_form').submit(function(e){

    e.preventDefault();

In jQuery each handler receives event object as the first parameter and this object has method prevetDefault() which suppresses the default behaviour. It could be used with any kind of event, such as click on <a> element.

answered Jun 9, 2012 at 10:31

Zefiryn

2,2652 gold badges20 silver badges30 bronze badges

Comments

Behnam Esmaili · Accepted Answer · 2012-06-09 11:35:35Z

make following change to your code:

     <script type="text/javascript">
   var validated = false;
    $(document).ready(function() {

        $('#Loading').hide();
                var min_chars = 3;  
                //result texts  
                var characters_error = 'Minimum amount of chars is 3';  
                var checking_html = 'Checking...';      


            $('#reality_form').submit(function(){
                if(validated)
                    return true;
                if($('#realitycode').val().length < min_chars){
                    $('#Info').html(characters_error);  
                }else{  
                    //else show the cheking_text and run the function to check  
                        $('#Info').html(checking_html);  
                            var reltcode = $('#realitycode').val();                   

                    //use ajax to run the check  
                    $.post("http://localhost/Testtt/wp-content/plugins/Realestate Redirection/check_realitycode_availablity.php", { realitycode: reltcode },

                     function(result){  
                        //if the result is 1  
                        if(result == 1){  
                            //show that the username is available
                            alert('hi');  
                            $('#Info').html(reltcode + ' is Available'); 
                            //do nothing

                        }else{  
                            alert('hello'); 
                            $('#Info').html(reltcode + ' is not Available');
                            validated = true;
                            $('#reality_form').submit();
                        }   
                    }); 
                  return false;    
                }

        });      

     }); 

    </script>

solution inferred from this link : stackoverflow.com/questions/2637985/…

Sam San · Accepted Answer · 2014-07-25 11:44:05Z

0

I came up with the same problem. The solution is...

Dont use name="submit"
<input type="submit" name="submit" value="submit" />

Instead
<input type="submit" name="anyOtherName" value="submit" />

answered Jul 25, 2014 at 11:44

Sam San

6,9419 gold badges36 silver badges51 bronze badges

Collectives™ on Stack Overflow

Jquery form.submit not working

5 Answers 5

Comments

1 Comment

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related