Tenho um formulário onde é validado pelo jqBootstrapValidation.js, e é enviado para outro arquivo, que é o arquivo abaixo:
// Contact Form Scripts
$(function() {
$("#usuariosForm input,#usuariosForm textarea").jqBootstrapValidation({
preventSubmit: true,
submitError: function($form, event, errors) {
// additional error messages or events
},
submitSuccess: function($form, event) {
event.preventDefault(); // prevent default submit behaviour
// get values from FORM
var txtnome = $("input#txtnome").val();
var ememail = $("input#ememail").val();
var txtusuario = $("input#txtusuario").val();
var pwdsenha = $("input#pwdsenha").val();
var urltxt = $("input#urltxt").val();
var firstName = name; // For Success/Failure Message
// Check for white space in name for Success/Fail message
if (firstName.indexOf(' ') >= 0) {
firstName = name.split(' ').slice(0, -1).join(' ');
}
$('#submit').html("...Enviando");
$('#submit').prop("disabled", true);
$.ajax({
url: urltxt,
type: "POST",
data: {
txtnome: txtnome,
ememail: ememail,
txtusuario: txtusuario,
pwdsenha: pwdsenha
},
cache: false,
success: function() {
// Success message
$('#success').html("<div class='alert alert-success'>");
$('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×")
.append("</button>");
$('#success > .alert-success')
.append("<strong>Registro realizado com sucesso</strong>");
$('#success > .alert-success')
.append('</div>');
//clear all fields
$('#usuariosForm').trigger("reset");
$('#submit').html("Enviar mensagem");
$('#submit').prop("disabled", false);
},
error: function() {
// Fail message
$('#success').html("<div class='alert alert-danger'>");
$('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×")
.append("</button>");
$('#success > .alert-danger').append($("<strong>").text("Desculpe " + firstName + ", ocorreu um erro. Por favor tente novamente!"));
$('#success > .alert-danger').append('</div>');
//clear all fields
$('#usuariosForm').trigger("reset");
},
});
},
filter: function() {
return $(this).is(":visible");
},
});
$("a[data-toggle=\"tab\"]").click(function(e) {
e.preventDefault();
$(this).tab("show");
});
});
/*When clicking on Full hide fail/success boxes */
$('#name').focus(function() {
$('#success').html('');
});
Porém eu estou com problema, como tenho varios formularios queria usar sempre a mesma função. e passar a url para ele fazer o sql corretamente, ou seja, se eu passar a pagina cadastro_usuarios ele vai fazer cadastro de usuario. se ele passar update_usuario ele vai para a pagina de alteração do usuario. Tentei de um método de passar a url para o ajax da seguinte forma:
<input type="text" name="urltxt" id="urltxt" class="form-control text-center" value="?folder=usuarios/&file=ins_usuarios_usuarios&ext=php" data-validation-required-message="Por favor não mude os dados." required>
E no arquivo ele receberia numa variável, porém não esta funcionando. Como posso fazer isso? muito obrigado! OBS.: A nomenclatura das minhas paginas são: ?folder=usuarios/&file=ins_usuarios_usuarios&ext=php
Depurei o código veja: