CODEWITHSUNDEEP
javascriptjquery
Dasdasd Asdasd
Dasdasd Asdasd

Reputation: 23

JS Validate plugin prevent submit form

Hello this is my code i am trying to prevent form submit when button is clicked, and load ajax. but form continue to submits, I tried to add preventDefault, and onsubmit false parametar but no luck. Is there anyone to help me to fix this problem

    $(function() {
      $('#submitTest').click(function(e){
        var form_test = $('#test_forma').serialize();
        e.preventDefault;

        jQuery.extend(jQuery.validator.messages, {
          required: "Odgovor je obavezan",
        });

        $( "#test_forma" ).validate({
          onsubmit: false,
          submitHandler: function(form) {
            form.preventDefault();
            // e.preventDefault();
            if(('#test_forma').valid()) {
              $.ajax({
                type: "POST",
                url: " <?php echo base_url().'home/test';?> ",
                data: {form_test:form_test},

                beforeSend: function() {
                  // setting a timeout
                  $('#g_upozorenje').html('<img src="<?php echo base_url().'images/loading.gif';?>"/>');
                },

                success: function(response) {
                  $.each(response.answers, function(i, item){
                    // if(('#test_odgovori_' + i).val()) == response[i].IdPitanja)
                    if(response.answers[i].provera ==1) {
                      $('#test_odgovori_'+response.answers[i].Id).css('color','green');
                    } else {
                      $('#test_odgovori_'+response.answers[i].Id ).css('color','green');
                      $('.test_odgovori_'+response.answers[i].IdPitanja+':checked').next().css('color','red');
                    }
                    $('#procenat').html('Odgovorili ste tačno na '+response.result + '% pitanja')
                    $('#rezultati').dialog();
                  });
                }
              });
            }
          }
        });
      });
    });

Upvotes: 2

Views: 73

Answers (4)

Carlos487
Carlos487

Reputation: 1489

You need to use preventDefault as a method and D is uppercase

e.preventDefault();

http://api.jquery.com/event.preventdefault/

Upvotes: 2

evolutionxbox
evolutionxbox

Reputation: 4122

You need to stop the form from submitting, not preventing default action of the button.

Instead target the form's submit event:

  $("form").submit(function (e) {
        e.preventDefault(); // this will prevent from submitting the form.
        ...

Or even use jQuery's on event handler for better performance:

  $("form").on('submit', function (e) {
        e.preventDefault(); // this will prevent from submitting the form.
        ...

Upvotes: 1

Marcel B&#252;hrig
Marcel B&#252;hrig

Reputation: 47

e.preventDefault(); is written correctly with brackets, and I think they should be the first after the opening brackets. And try to fire the preventDefault on the form submit and not the click on the button. There are several possibilities to submit a form without pressing the button, you wouldn't handle now.

Upvotes: 1

m02ph3u5
m02ph3u5

Reputation: 3161

You've got to return false;.

Take a look at this example:

<form onsubmit="javascript:doSomething();return false;">
    <input type="submit" value="click me">
</form>

Or look here.

Upvotes: 1

Related Questions