CPF CNPJ Mesmo Campo

No mesmo campo

by Rapha Souza

HTML

<link rel="stylesheet" href="https://getbootstrap.com/dist/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/bootstrap.min.js"></script>
<script src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>
<div class="col-xs-6 col-sm-6 col-md-4" id="fundo">
  <div class="form-group">
    <label>CPF/CNPJ</label>
    <input type="text" name="cpfCnpj" id="cpfCnpj" class="form-control">
  </div>
</div>

CSS

h1{
    font-style: italic;
}
#fundo{
    background-color: #a9a9fa;
}
.paragrafo{
    color: red;
}
..paragrafo2{
    color: #0058ff;
}

JavaScript

// Mascara de CPF e CNPJ
var CpfCnpjMaskBe0,havior = function (val) {
			return val.replace(/\D/g, '').length <= 11 ? '000.000.000-009' : '00.000.000/0000-00';
		},
    cpfCnpjpOptions = {
    	onKeyPress: function(val, e, field, options) {
      	field.mask(CpfCnpjMaskBehavior.apply({}, arguments), options);
      }
    };

$(function() {
	$(':input[name=cpfCnpj]').mask(CpfCnpjMaskBehavior, cpfCnpjpOptions);
})