Validar antes de chamar funçao ajax

[Paulo Roberto Start Corp 1]

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;
		});

[William Bruno 1501]

Tem lá no exemplo:

 

http://www.position-relative.net/creation/formValidator/demos/demoAjaxJAVA.html

 

basta mandar um callback nas configs do plugin

[Paulo Roberto Start Corp 1]

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;

});

[William Bruno 1501]

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>

[Paulo Roberto Start Corp 1]

 

 

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

[Paulo Roberto Start Corp 1]

 

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
			});
		});

[Paulo Roberto Start Corp 1]

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;
		});