JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.js"></script>
<form action="#" method="post" id="form-create">
<div class="form-group">
<label class="control-label" for="titulo">Titulo</label>
<input type="text" name="titulo" id="titulo" class="form-control" maxlength="255"/>
</div>
<div class="form-group">
<label class="control-label">Ação</label>
<div class="radio">
<label>
<input type="radio" name="actionFormDoc" value="1" data-tipo-mensagem="null" data-label="Manter" /> Manter
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="actionFormDoc" value="2" data-tipo-mensagem="message" data-label="Salvar" /> Salvar
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="actionFormDoc" value="3" data-tipo-mensagem="confirm" data-label="Finalizar" /> Finalizar
</label>
</div>
</div>
<div class="form-group">
<input type="submit" class="btn btn-primary" id="save" value="Salvar" />
</div>
</form>
<!-- MODALS -->
<div id="message" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModelMessage" aria-hidden="true" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Envie uma mensagem de observação</h4>
</div>
<div class="modal-body">
<textarea name="obs" id="obs" rows="3" class="form-control"></textarea>
</div>
<div class="modal-footer">
...
JavaScript
$(function() {
var formCreate = $("form#form-create");
$("#save").click(function(event) {
event.preventDefault();
var tipoMensagem = $('input[name="actionFormDoc"]:checked').data('tipo-mensagem');
var valMensagem = $('input[name="actionFormDoc"]:checked').data('label');
var sendConfirm = false;
if (tipoMensagem == 'confirm') {
$('#confirm .modal-body').text('Deseja realmente ' +valMensagem+ ' o documento?')
$('#confirm').modal().off().one('click', '#confirmado', function (e) {
enviar(formCreate);
});
}
if (tipoMensagem == 'message') {
$('#message').modal().off().one('click', '#sendMessage', function (e) {
enviar(formCreate);
});
}
if (tipoMensagem == 'null') {
enviar(formCreate);
}
});
function enviar(form){
form.submit();
}
});