Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde,
como eu faço para validar o formulário com Jquery ValidationEngine antes do ajax chamar a função php ?
$("#form_usuario").validationEngine();
jQuery('#formulariosenha').submit(function(){
var dados = jQuery( this ).serialize();
jQuery.ajax({
type: "POST",
url: "modulos/usuarios/troca.senha.php",
data: dados,
success: function( data )
{
alert( data );
}
});
return false;
});>
Tem lá no exemplo:
http://www.position-relative.net/creation/formValidator/demos/demoAjaxJAVA.html
basta mandar um callback nas configs do plugin
sim, eu vi. porém sou muito leigo em js. tem como me dar um ex ?
validate[required,minSize[6],ajax[]]
jQuery('#formulariosenha').submit(function(){
var dados = jQuery( this ).serialize();
jQuery.ajax({
type: "POST",
url: "modulos/usuarios/troca.senha.php",
data: dados,
success: function( data )
{
alert( data );
}
});
return false;
});O código do exemplo:
<script>
// This method is called right before the ajax form validation request
// it is typically used to setup some visuals ("Please wait...");
// you may return a false to stop the request
function beforeCall(form, options){
if (console)
console.log("Right before the AJAX form validation call");
return true;
}
// Called once the server replies to the ajax form validation request
function ajaxValidationCallback(status, form, json, options){
if (console)
console.log(status);
if (status === true) {
alert("the form is valid!");
// uncomment these lines to submit the form to form.action
// form.validationEngine('detach');
// form.submit();
// or you may use AJAX again to submit the data
}
}
jQuery(document).ready(function(){
jQuery("#formID").validationEngine({
ajaxFormValidation: true,
onAjaxFormComplete: ajaxValidationCallback,
onBeforeAjaxFormValidation: beforeCall
});
});
</script>Cara muito bom!!! parabéns!!!
pegou o exemplo do site e colou aqui
https://github.com/posabsolute/jQuery-Validation-Engine/blob/master/demos/demoAjaxJAVA.html
deixa eu tentar explicar melhor... eu já vi a documentação porém não consigo fazer funcionar. se alguem puder me ajudar fico muito agradecido. pois sou leigo em JS
preciso validar com ValidationEngine e enviar os dados via ajax
>
Cara muito bom!!! parabéns!!!
pegou o exemplo do site e colou aqui
https://github.com/posabsolute/jQuery-Validation-Engine/blob/master/demos/demoAjaxJAVA.html
deixa eu tentar explicar melhor... eu já vi a documentação porém não consigo fazer funcionar. se alguem puder me ajudar fico muito agradecido. pois sou leigo em JS
preciso validar com ValidationEngine e enviar os dados via ajax
tentei da forma abaixo, porém, não funciona!!! alguém me ajuda ?
function beforeCall(form, options){
if (console)
console.log("Right before the AJAX form validation call");
return true;
}
function ajaxValidationCallback(status, form, json, options){
if (console)
console.log(status);
if (status === true) {
var dados = jQuery( this ).serialize();
jQuery.ajax({
type: "POST",
url: "modulos/usuarios/troca.senha.php",
data: dados,
success: function( data )
{
alert( data );
}
});
}
}
jQuery(document).ready(function(){
jQuery("#form_usuario").validationEngine({
ajaxFormValidation: true,
onAjaxFormComplete: ajaxValidationCallback,
onBeforeAjaxFormValidation: beforeCall
});
});Eu mesmo resolvi..
segue a solução caso alguém precise
jQuery('#form_usuario').submit(function(){
if ($("#form_usuario").validationEngine('validate')) {
var dados = jQuery( this ).serialize();
jQuery.ajax({
type: "POST",
url: "modulos/usuarios/altera.user.php",
data: dados,
success: function( data )
{
alert( data );
}
}) };
return false;
});
Tem lá no exemplo:
http://www.position-relative.net/creation/formValidator/demos/demoAjaxJAVA.html
basta mandar um callback nas configs do plugin