jquery validation: prevent form submit

问题

By the use of the jQuery plugin Validation, I am trying to, well, validate my form. When the validation passes, I want a javascript to fire with values from the form and then stop. no actual form submission with browsing to a new/same site.

is this possible with jquery validation?

回答1:

You may try this (Example):

$(function(){
    $("#myform").validate();    
    $("#myform").on('submit', function(e) {
        var isvalid = $("#myform").valid();
        if (isvalid) {
            e.preventDefault();
            alert(getvalues("myform"));
        }
    });
});

function getvalues(f)
{
    var form=$("#"+f);
    var str='';
    $("input:not('input:submit')", form).each(function(i){
        str+='\n'+$(this).prop('name')+': '+$(this).val();
    });
    return str;
}

回答2:

Yes:

$("form").submit(function(event) {
    if (somethingIsInvalid) { 
      event.preventDefault();
    }
});

回答3:

There's a method called .valid() which return true in case the there's no errors in you form, so you can validate first with this and then send the form here's the documentation

http://docs.jquery.com/Plugins/Validation/valid

回答4:

$("#form").validate({
  rules: {...},
  submitHandler: function(form, event) { 
    event.preventDefault();
    alert("Do some stuff...");
    //submit via ajax
  }
});

来源：https://stackoverflow.com/questions/10305938/jquery-validation-prevent-form-submit