Estoy utilizando el complemento jQuery Validation e intento activar la validación/envío con un botón alternativo. Me gustaría crear una función jquery que cambie el CSS y luego ejecute la función de validación. He examinado las preguntas respondidas anteriormente pero no he encontrado ninguna que resuelva este problema con respecto al complemento Validation y la función submitHandler. ¿Alguna sugerencia?Cómo desencadenar la validación sin utilizar un botón de envío
ACTUALIZACIÓN DE LA PREGUNTA: El botón que me gustaría utilizar se coloca fuera del formulario. ¿Cuál es la mejor manera de enviar y validar un formulario con un botón ubicado fuera de ese formulario?
Aquí está el código:
$("#edit-button").click(function(event) {
$('#postAccordion2').css('padding-bottom', '0px');
$('#edit-button').css('display','none');
$("#applicant-form").validate({
submitHandler: function(form) {
$(form).ajaxSubmit({
type: "POST",
data: {
"firstName" : $('#firstName').val(),
"lastName" : $('#lastName').val()
},
dataType: 'json',
url: './includes/ajaxtest.php',
error: function() {alert("doh!");},
success: function() {alert("yippee!");},
}
});
return false;
},
errorPlacement: function(error,element) {
return true;
},
rules: {
"firstName": {
required: true,
minlength: 1
},
"lastName": {
required: true
}
}
});
});