Stop form from submitting Using Jquery

Question

I m trying to stop my form from submitting if a validation fails  I tried following this previous post but I doesn t work for me  What am I missing    lt input id  saveButton  type  submit  value  Save    gt   lt input id  cancelButton  type  button  value  Cancel    gt   lt script src        Scripts jquery-1 4 1-vsdoc js  type  text javascript  gt  lt  script gt   lt script type  text javascript  gt         document  ready function                 form   submit function  e                  ajax                   url    Url Action  HasJobInProgress    ClientChoices                      data    id    Model ClientId                     success  function  data                        showMsg data  e                                      cache  false                                             cancelButton   click function              window location     Url Action  list    default   new   clientId   Model ClientId                      type text    focus function                this  select                function showMsg hasCurrentJob  sender            if  hasCurrentJob     True                 alert  The current clients has a job in progress  No changes can be saved until current job completes                if  sender    null                    sender preventDefault                              return false                    lt  script gt

User · Answer

This is a JQuery code for Preventing Submit     form   submit function  e                if  radioButtonValue      0                     e preventDefault

User · Answer

use this too    if e preventDefault      e preventDefault     else     e returnValue   false       Becoz e preventDefault   is not supported in IE  some versions    In IE it is e returnValue   false

User · Answer

Again  AJAX is async  So the showMsg function will be called only after success response from the server   and the form submit event will not wait until AJAX success   Move the e preventDefault    as first line in the click handler      form   submit function  e          e preventDefault       this will prevent from submitting the form              See below code      I want it to be allowed HasJobInProgress    False     document  ready function             form   submit function  e            e preventDefault      prevent default form submit           ajax               url    Url Action  HasJobInProgress    ClientChoices                  data    id    Model ClientId                 success  function  data                    showMsg data                              cache  false                             cancelButton   click function          window location     Url Action  list    default   new   clientId   Model ClientId              type text    focus function            this  select        function showMsg hasCurrentJob        if  hasCurrentJob     True             alert  The current clients has a job in progress  No changes can be saved until current job completes            return false        else             form   unbind  submit   submit

User · Answer

Try the code below   e preventDefault   was added  This removes the default event action for the form        document  ready function             form   submit function  e             ajax               url    Url Action  HasJobInProgress    ClientChoices                  data    id    Model ClientId                 success  function  data                    showMsg data  e                              cache  false                     e preventDefault                  Also   you mentioned you wanted the form to not submit under the premise of validation  but I see no code validation here    Here is an example of some added validation     document  ready function             form   submit function  e             put your form field s  you want to validate here  this checks if your input field of choice is blank        if      inputID   val             e preventDefault       This will prevent the form submission        else             In the event all validations pass  THEN process AJAX request           ajax               url    Url Action  HasJobInProgress    ClientChoices                  data    id    Model ClientId                 success  function  data                    showMsg data  e                              cache  false

User · Answer

A different approach could be       lt script type  text javascript  gt      function CheckData           you may want to check something here and based on that wanna return true and false from the         function      if MyStuffIsokay       return true   will cause form to postback to server      else       return false   will cause form Not to postback to server            lt  script gt       using  Html BeginForm  SaveEmployee    Employees   FormMethod Post  new   id    EmployeeDetailsForm                                                                         lt input type  submit  value   Save Employee  onclick  return CheckData      gt

[jquery] Stop form from submitting , Using Jquery

Examples related to jquery

Examples related to asp.net-mvc-3

Examples related to validation

Examples related to preventdefault