6coloquio/js/app.js
root 8253f3e188 Está funcionando con bootstrap
El formulario está casi terminado, falta acomodar un poco el script de php
y mejorar la validación
2017-09-01 15:16:19 -03:00

208 lines
5.2 KiB
JavaScript

function showmsg(msgTxt,ok){
if(ok){
$("#statusmsg").removeClass("alert-danger");
$("#statusmsg").addClass("alert-success")
$("#statusmsg").html("<strong>Ok!</strong> " + msgTxt);
}
else{
$("#statusmsg").removeClass("alert-success");
$("#statusmsg").addClass("alert-danger")
$("#statusmsg").html("<strong>Error!</strong> " + msgTxt);
}
$("#statusmsg").show();
}
function inputvalidate(){
var parent = $(this).parents("div.form-group");
if($(this).is(":invalid"))
parent.addClass("has-error");
else{
parent.removeClass("has-error");
//parent.removeClass("has-warning");
parent.addClass("has-success");
}
}
function validateTextarea(){
if($(this).val() == ""){
//$('#detallefinan').removeClass("has-warning");
$('#detallefinan').addClass("has-error");
$("#detallefinan textarea").tooltip("hide");
$("#detallefinan textarea").tooltip("destroy");
}
else{
//$('#detallefinan').removeClass("has-warning");
$('#detallefinan').removeClass("has-error");
$('#detallefinan').addClass("has-success");
}
}
$(document).ready(function(){
var ruta = window.location.pathname;
$("#statusmsg").hide();
$("#header").load("snippets/header.html");
$("#footer").load("snippets/footer.html");
$(".sidebar").load("snippets/sidebar.html");
$("#menu li a").click(function(){
$(this).addClass("selected").siblings().removeClass("selected");
});
$('input').focusin(inputvalidate);
$('input').focusout(inputvalidate);
$('input').keyup(inputvalidate);
$("#detallefinan textarea").focusin(validateTextarea);
$("#detallefinan textarea").focusout(validateTextarea);
$("#detallefinan textarea").keyup(validateTextarea);
//$('input:invalid').parents('div.form-group').addClass('has-warning');
$('#contactform').submit(function(event){
$("#statusmsg").hide();
event.preventDefault();
var post = $.post('contact.php', $(this).serialize());
post.done(function(data){
data = $.parseJSON(data);
if(data.success){
showmsg(data.message,true);
}
else{
showmsg(data.message,false);
}
console.log(data)
});
post.fail(function(error){
console.log(error)
});
});
$("#detallefinan").hide();
$("#detallefinan textarea").val("");
$('input:radio[name="financiacion"]').change(function(){
if($(this).is(':checked') && $(this).val() == "si"){
$("#detallefinan").show();
$("#detallefinan textarea").addClass("has-error");
}
else
$("#detallefinan").hide();
});
var tipodoc;
$('#tipodoc li a').click(function(event){
event.preventDefault();
$('#btntipodoc').tooltip("hide");
$('btnpais').tooltip("destroy");
tipodoc = $(this).text();
$("#btntipodoc").text($(this).text());
$("#btntipodoc").val($(this).text());
if(tipodoc == "Otro"){
$("#txtdocnro").attr('placeholder', 'Escriba su documento');
$("#txtdocnro").removeAttr('pattern');
}
if(tipodoc == "C.I."){
$("#txtdocnro").attr('placeholder', '1234567-0');
$("#txtdocnro").attr('pattern', '[0-9]{5,7}-[0-9]');
}
});
var pais;
$('#lstpais li a').click(function(event){
event.preventDefault();
pais = $(this).text();
$('#btnpais').tooltip("hide");
$('btnpais').tooltip("destroy");
$("#btnpais").text($(this).text());
$("#btnpais").val($(this).text());
});
var trabaja;
$('#lsttrabaja li a').click(function(event){
event.preventDefault();
trabaja = $(this).text();
$('#btntrabaja').tooltip("hide");
$('btnpais').tooltip("destroy");
$("#btntrabaja").text($(this).text());
$("#btntrabaja").val($(this).text());
});
$('#registerform').submit(function(event){
var fail = false;
$("#statusmsg").hide();
event.preventDefault();
if(tipodoc == null){
$('#btntipodoc').tooltip({
"title":"Seleccione Tipo de Documento",
"html":true,
"pacement":"auto left",
"trigger":"manual",
"delay":{"show":100,"hide":2000}
});
$('#btntipodoc').tooltip("show");
fail=true;
}
if(pais == null){
$('#btnpais').tooltip({
"title":"Seleccione País",
"html":true,
"pacement":"auto left",
"trigger":"manual",
"delay":{"show":100,"hide":2000}
});
$('#btnpais').tooltip("show");
fail=true;
}
if(trabaja == null){
$('#btntrabaja').tooltip({
"title":"Especifique donde trabaja",
"html":true,
"pacement":"auto left",
"trigger":"manual",
"delay":{"show":100,"hide":2000}
});
$('#btntrabaja').tooltip("show");
fail=true;
}
if($("#detallefinan textarea").val()=="" &&
$('input:radio[name="financiacion"]:checked').val()=="si"){
$("#detallefinan textarea").tooltip({
"title":"Escriba el detalle",
"html":true,
"pacement":"auto left",
"trigger":"manual"
});
$("#detallefinan textarea").tooltip("show");
fail=true;
}
if(!fail){
$("#txtpais").val(pais);
$("#txttipodoc").val(tipodoc);
$("#txttrabaja").val(trabaja);
console.log($(this).serialize());
var post = $.post('register.php', $(this).serialize());
post.done(function(data){
console.log(data);
data = $.parseJSON(data);
if(data.success){
showmsg(data.message,true);
}
else{
showmsg(data.errors,false);
}
console.log(data)
});
post.fail(function(error){
console.log(error)
});
}
});
});