Skip to content

Instantly share code, notes, and snippets.

@roberson-miguel

roberson-miguel/gist:a965ce8a9f4ea9df2f02402f60cfa4ab

Last active November 23, 2022 19:19
Show Gist options
  • Save roberson-miguel/a965ce8a9f4ea9df2f02402f60cfa4ab to your computer and use it in GitHub Desktop.
Save roberson-miguel/a965ce8a9f4ea9df2f02402f60cfa4ab to your computer and use it in GitHub Desktop.
Download ZIP
Formatar campos CEP, Moeda, Telefone, CPF, CNPJ, em Rails com Jquery
Raw
gistfile1.txt
####No seu application.html.erb
<!DOCTYPE html>
<html>
<head>
<title><%= content_for?(:title) ? yield(:title) : "BiosGestor" %></title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<!-- inicio bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
<!-- Fim Bootstrap -->
</head>
<body>
#### Na sua view seu form pode ser algo assim:
<div class="form-group">
<label> CPF:</label>
<%= f.text_field :doc, class: "form-control", minlength:15, maxlength:15, onkeypress:"$(this).mask('000.000.000-AA')" %><br>
</div>
<div class="form-group">
<label> Celular:</label>
<%= f.text_field :fone , class: "form-control", onkeypress:"$(this).mask('(00) 00000-0000')" %><br>
</div>
<div class="form-group">
<label> CEP:</label>
<%= f.text_field :cep, class: "form-control", onkeypress:"$(this).mask('00000-000')" %><br>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment