Este código foi criado para fornecer uma maneira simples de construir um formulário
git clone https://github.com/thiagofront/dynaform.git // clona o projeto
cd dynaform // entra na pasta
npm install // instala as dependencias
npm run app // inicia o servidor
Servidor vai ficar escutando a porta 3030 do seu localhost http://localhost:3030
para abrir os testes é só navegar para o arquivo SpecRunner.html localizado na raiz do projeto e clicar 2x
<html>
<head>
...
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div id="integration_form"></div>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="assets/js/dynaform.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
options = {
token: '62bb61431348e22850828a5829c4373faafe29c1',
secret: '51a266c2844ccd5cac83d88de88d82d05358aa51',
fields: {
estado: ['PR','SC','SP','RS'],
nível: ['Iniciante','Intermediário','Avançado','Ninja']
}
}
$('#integration_form').dynaform(options);
});
</script>
</body>
</html>esse projeto depende do jquery e bootstrap por favor instale ou utilize os cdns
<!-- Dentro do Head -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Final Body -->
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>var $dynaform = $('.js-target').dynaform({
modal: true,
modalTitle: 'Título Modal'
});
$dynaform.getModal(); // pega a modal do formulário
$dynaform.resetForm(); // limpa o formulário
$dynaform.message(Msg); // retorna uma mensagem em HTML var defaultOptions = {
'delayMessage' : 4000, // remove message after x miliseconds
'endPoint' : '/endpoint', // the target to send the post
'sendText' : 'Enviar', // button send text
'sendClass' : 'btn btn-success btn-block', // class of button
'modal' : false, // modal (y,n)
'modalTitle' : 'Modal Title', // title of modal
}