cómo verificar si un formulario es válido mediante programación usando el complemento de validación jQuery

Tengo un formulario con un par de botones y estoy usando jQuery Validation Plugin de http://jquery.bassistance.de/validate/ . Solo quiero saber si hay alguna forma de verificar si el formulario se considera en estado válido por el complemento de validación de jquery desde cualquier lugar de mi código javascript.

Utilice .valid()desde el complemento jQuery Validation:

$("#form_id").valid();

Comprueba si el formulario seleccionado es válido o si todos los elementos seleccionados son válidos. validate () debe ser llamado en el formulario antes de verificarlo usando este método.

Donde el formulario con id='form_id'es un formulario que ya lo ha .validate()llamado.

Respuesta de 2015: tenemos esto listo para usar en los navegadores modernos, solo use la API HTML5 CheckValidity de jQuery. También hice un módulo jquery-html5-validity para hacer esto:

npm install jquery-html5-validity

Luego:

var $ = require('jquery')
require("jquery-html5-validity")($);

entonces puedes ejecutar:

$('.some-class').isValid()

true

La respuesta de @mikemaccana es útil.

Y también usé https://github.com/ryanseddon/H5F . Encontrado en http://microjs.com . Es una especie de polyfill y puede usarlo de la siguiente manera (jQuery se usa en el ejemplo):

if ( $('form')[0].checkValidity() ) {
    // the form is valid
}

método valid ().

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

iContribute: Nunca es demasiado tarde para una respuesta correcta.

var form = $("form#myForm");
if($('form#myForm > :input[required]:visible').val() != ""){
  form.submit();
}else{
  console.log("Required field missing.");
}

De esta manera, la validación básica de HTML5 para los campos 'obligatorios' se lleva a cabo sin interferir con el envío estándar utilizando los valores de 'nombre' del formulario.

Para un grupo de entradas, puede usar una versión mejorada basada en la respuesta de @ mikemaccana

$.fn.isValid = function(){
    var validate = true;
    this.each(function(){
        if(this.checkValidity()==false){
            validate = false;
        }
    });
};

ahora puede usar esto para verificar si el formulario es válido:

if(!$(".form-control").isValid){
    return;
}

Puede utilizar la misma técnica para obtener todos los mensajes de error:

$.fn.getVelidationMessage = function(){
    var message = "";
    var name = "";
    this.each(function(){
        if(this.checkValidity()==false){
            name = ($( "label[for=" + this.id + "] ").html() || this.placeholder || this.name || this.id);
            message = message + name +":"+ (this.validationMessage || 'Invalid value.')+"\n<br>";
        }
    })
    return message;
}

Para Magento, verifica la validación del formulario con algo como a continuación.

Puedes probar esto:

require(["jquery"], function ($) {
    $(document).ready(function () {
        $('#my-button-name').click(function () { // The button type should be "button" and not submit
            if ($('#form-name').valid()) {
                alert("Validation pass");
                return false;
            }else{
                alert("Validation failed");
                return false;
            }
        });
    });
});

¡Espero que esto te ayude!