Last active
May 20, 2019 04:49
-
-
Save rafaelxavierborges/3e780f317e45d174a311ab5e1f6d5257 to your computer and use it in GitHub Desktop.
Iniciando com jQuery - Código da Live
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
$post = nl2br(json_encode($_POST, JSON_PRETTY_PRINT)); | |
$post = str_replace('{', '', $post); | |
$post = str_replace('}', '', $post); | |
echo $post; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.div-cnpj { | |
display: none; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
cpf = ''; | |
cnpj = ''; | |
pessoa = 'fisica'; | |
$(document).ready(function() { | |
$("#cpf").mask('999.999.999-99'); | |
$("#cnpj").mask('99.999.999/9999-99'); | |
$("input[name='pessoa']").change(function() { | |
pessoa = $(this).val(); | |
if (pessoa === 'fisica') { | |
$(".div-cnpj").hide(); | |
$(".div-cpf").show(); | |
} else { | |
$(".div-cnpj").show(); | |
$(".div-cpf").hide(); | |
} | |
}); | |
$("#enviar").click(function() { | |
cpf = $("#cpf").val(); | |
cnpj = $("#cnpj").val(); | |
console.log({ | |
cpf: cpf, | |
cnpj: cnpj | |
}); | |
if ($("#name").val().length === 0) { | |
alert("Informe seu nome"); | |
$("#name").focus(); | |
} else if (pessoa == 'fisica' && cpf == '') { | |
alert("Informe o seu CPF"); | |
$("#cpf").focus(); | |
} else if (pessoa == 'juridica' && cnpj == '') { | |
alert("Informe o CNPJ"); | |
$("#cnpj").focus(); | |
} else if ($("#email").val().length === 0) { | |
alert("Informe seu email"); | |
$("#email").focus(); | |
} else if ($("#password").val().length === 0) { | |
alert("Cadastre uma senha"); | |
$("#password").focus(); | |
} else if ($("#password").val().length < 8) { | |
alert("Senha deve ter pelo menos 8 dígitos"); | |
$("#password").focus(); | |
} else if ($("#confirmation").val().length === 0) { | |
alert("Confirme sua senha"); | |
$("#confirmation").focus(); | |
} else if ($("#confirmation").val() != $("#password").val()) { | |
alert("As senhas informadas não são iguais."); | |
} else { | |
$("#frmUsuario").submit(); | |
} | |
}); | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8" /> | |
<title>Primeiros passos com jQuery</title> | |
<!-- Boostrap CSS --> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | |
<!-- Custom CSS --> | |
<link rel="stylesheet" href="/assets/src/css/custom.css"> | |
</head> | |
<body> | |
<div class="container"> | |
<div class="col-md-8 col-md-offset-2 col-xs-12"> | |
<h1>Cadastro de Usuário</h1> | |
<form method="post" id="frmUsuario" class="form" role="form" action="/cadastra_usuario.php"> | |
<input type="radio" name="pessoa" value="fisica" checked /> Pessoa Física<br> | |
<input type="radio" name="pessoa" value="juridica" /> Pessoa Jurídica | |
<br><br> | |
<div class="form-group"> | |
<label for="name">Nome</label> | |
<input type="text" class="form-control" name="name" id="name" placeholder="Informe seu nome" /> | |
</div> | |
<div class="form-group div-cpf"> | |
<label for="cpf">CPF</label> | |
<input type="text" class="form-control" name="cpf" id="cpf" placeholder="Informe seu CPF" /> | |
</div> | |
<div class="form-group div-cnpj"> | |
<label for="cnpj">CNPJ</label> | |
<input type="text" class="form-control" name="cnpj" id="cnpj" placeholder="Informe seu CNPJ" /> | |
</div> | |
<div class="form-group"> | |
<label for="email">Email</label> | |
<input type="email" class="form-control" name="email" id="email" placeholder="Informe seu email" /> | |
</div> | |
<div class="form-group"> | |
<label for="password">Senha</label> | |
<input type="password" class="form-control" name="password" id="password" placeholder="Cadastre uma senha" /> | |
</div> | |
<div class="form-group"> | |
<label for="confirmation">Confirme sua Senha</label> | |
<input type="password" class="form-control" name="confirmation" id="confirmation" placeholder="Confirme sua senha" /> | |
</div> | |
<button type="button" id="enviar" class="btn btn-success btn-lg btn-block">Enviar</button> | |
</form> | |
</div> | |
</div> | |
<!-- jQuery --> | |
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> | |
<!-- Bootstrap JS --> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | |
<!-- Custom JS --> | |
<script src="/assets/src/js/vendor/jquery.maskedinput.min.js"></script> | |
<script src="/assets/src/js/custom.js?update=<?php echo rand(0, 999); ?>"></script> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a("object"==typeof exports?require("jquery"):jQuery)}(function(a){var b,c=navigator.userAgent,d=/iphone/i.test(c),e=/chrome/i.test(c),f=/android/i.test(c);a.mask={definitions:{9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"},autoclear:!0,dataName:"rawMaskFn",placeholder:"_"},a.fn.extend({caret:function(a,b){var c;if(0!==this.length&&!this.is(":hidden"))return"number"==typeof a?(b="number"==typeof b?b:a,this.each(function(){this.setSelectionRange?this.setSelectionRange(a,b):this.createTextRange&&(c=this.createTextRange(),c.collapse(!0),c.moveEnd("character",b),c.moveStart("character",a),c.select())})):(this[0].setSelectionRange?(a=this[0].selectionStart,b=this[0].selectionEnd):document.selection&&document.selection.createRange&&(c=document.selection.createRange(),a=0-c.duplicate().moveStart("character",-1e5),b=a+c.text.length),{begin:a,end:b})},unmask:function(){return this.trigger("unmask")},mask:function(c,g){var h,i,j,k,l,m,n,o;if(!c&&this.length>0){h=a(this[0]);var p=h.data(a.mask.dataName);return p?p():void 0}return g=a.extend({autoclear:a.mask.autoclear,placeholder:a.mask.placeholder,completed:null},g),i=a.mask.definitions,j=[],k=n=c.length,l=null,a.each(c.split(""),function(a,b){"?"==b?(n--,k=a):i[b]?(j.push(new RegExp(i[b])),null===l&&(l=j.length-1),k>a&&(m=j.length-1)):j.push(null)}),this.trigger("unmask").each(function(){function h(){if(g.completed){for(var a=l;m>=a;a++)if(j[a]&&C[a]===p(a))return;g.completed.call(B)}}function p(a){return g.placeholder.charAt(a<g.placeholder.length?a:0)}function q(a){for(;++a<n&&!j[a];);return a}function r(a){for(;--a>=0&&!j[a];);return a}function s(a,b){var c,d;if(!(0>a)){for(c=a,d=q(b);n>c;c++)if(j[c]){if(!(n>d&&j[c].test(C[d])))break;C[c]=C[d],C[d]=p(d),d=q(d)}z(),B.caret(Math.max(l,a))}}function t(a){var b,c,d,e;for(b=a,c=p(a);n>b;b++)if(j[b]){if(d=q(b),e=C[b],C[b]=c,!(n>d&&j[d].test(e)))break;c=e}}function u(){var a=B.val(),b=B.caret();if(o&&o.length&&o.length>a.length){for(A(!0);b.begin>0&&!j[b.begin-1];)b.begin--;if(0===b.begin)for(;b.begin<l&&!j[b.begin];)b.begin++;B.caret(b.begin,b.begin)}else{for(A(!0);b.begin<n&&!j[b.begin];)b.begin++;B.caret(b.begin,b.begin)}h()}function v(){A(),B.val()!=E&&B.change()}function w(a){if(!B.prop("readonly")){var b,c,e,f=a.which||a.keyCode;o=B.val(),8===f||46===f||d&&127===f?(b=B.caret(),c=b.begin,e=b.end,e-c===0&&(c=46!==f?r(c):e=q(c-1),e=46===f?q(e):e),y(c,e),s(c,e-1),a.preventDefault()):13===f?v.call(this,a):27===f&&(B.val(E),B.caret(0,A()),a.preventDefault())}}function x(b){if(!B.prop("readonly")){var c,d,e,g=b.which||b.keyCode,i=B.caret();if(!(b.ctrlKey||b.altKey||b.metaKey||32>g)&&g&&13!==g){if(i.end-i.begin!==0&&(y(i.begin,i.end),s(i.begin,i.end-1)),c=q(i.begin-1),n>c&&(d=String.fromCharCode(g),j[c].test(d))){if(t(c),C[c]=d,z(),e=q(c),f){var k=function(){a.proxy(a.fn.caret,B,e)()};setTimeout(k,0)}else B.caret(e);i.begin<=m&&h()}b.preventDefault()}}}function y(a,b){var c;for(c=a;b>c&&n>c;c++)j[c]&&(C[c]=p(c))}function z(){B.val(C.join(""))}function A(a){var b,c,d,e=B.val(),f=-1;for(b=0,d=0;n>b;b++)if(j[b]){for(C[b]=p(b);d++<e.length;)if(c=e.charAt(d-1),j[b].test(c)){C[b]=c,f=b;break}if(d>e.length){y(b+1,n);break}}else C[b]===e.charAt(d)&&d++,k>b&&(f=b);return a?z():k>f+1?g.autoclear||C.join("")===D?(B.val()&&B.val(""),y(0,n)):z():(z(),B.val(B.val().substring(0,f+1))),k?b:l}var B=a(this),C=a.map(c.split(""),function(a,b){return"?"!=a?i[a]?p(b):a:void 0}),D=C.join(""),E=B.val();B.data(a.mask.dataName,function(){return a.map(C,function(a,b){return j[b]&&a!=p(b)?a:null}).join("")}),B.one("unmask",function(){B.off(".mask").removeData(a.mask.dataName)}).on("focus.mask",function(){if(!B.prop("readonly")){clearTimeout(b);var a;E=B.val(),a=A(),b=setTimeout(function(){B.get(0)===document.activeElement&&(z(),a==c.replace("?","").length?B.caret(0,a):B.caret(a))},10)}}).on("blur.mask",v).on("keydown.mask",w).on("keypress.mask",x).on("input.mask paste.mask",function(){B.prop("readonly")||setTimeout(function(){var a=A(!0);B.caret(a),h()},0)}),e&&f&&B.off("input.mask").on("input.mask",u),A()})}})}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment