Preciso confirmar alguns campos separadamente. Ocorre que ele sobrescreve o texto, não aguarda a confirmação e apenas aparece ao final da última chamada e a confirmação desta, se replica para as anteriores. Não sei o que posso fazer pra corrigir isso.
var modalConfirm = function(callback) {
$("#gti-modal-btn-yes").click(function() {
callback(true);
$("#gti-modal").hide();
});
$("#gti-modal-btn-no").click(function() {
callback(false);
$("#gti-modal").hide();
});
$("#gti-modal-btn-close").click(function() {
callback(false);
$("#gti-modal").hide();
});
}
function modalAsk(msg, oldVal, newVal) {
$("#gti-modal-msg")[0].innerHTML = "<h3>" + msg + "</h3>";
$("#gti-modal").show();
modalConfirm(function(confirm) {
if (confirm) {
oldVal = newVal
alert('Change')
} else {
alert('No Change')
}
});
}
function funConfirmFields(fieldName, oldVal, newVal) {
if (newVal !== "") {
if (newVal !== oldVal) {
if (modalAsk('Atenção!</br>Campo: " ' + fieldName.toUpperCase() + '"</br>Valor atual: ' + oldVal + '</br>Novo Valor: ' + newVal + '</br></br>atualizar para o novo valor?')) {
newVal = oldVal
}
}
} else {
newVal = oldVal;
}
return newVal
}
$(document).ready(function() {
$("#txtNome")[0].value = funConfirmFields('Nome', $("#txtNome")[0].value, "b");
$("#txtDoc")[0].value = funConfirmFields('Doc', $("#txtDoc")[0].value, "2222");
$("#txtCel")[0].value = funConfirmFields('Cel', $("#txtCel")[0].value, "456");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div id="gti-modal" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="gti-modal-Label" aria-hidden="false" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button id="gti-modal-btn-close" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<p id="gti-modal-titulo" class="modal-title"><i class='fa fa-question-circle pull-rigth '></i> MyModal </p>
</div>
<div id="gti-modal-msg" class="modal-body"></div>
<div class="modal-footer">
<button id="gti-modal-btn-yes" type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true">yes</button>
<button id="gti-modal-btn-no" type="button" class="btn btn-primary">No</button>
</div>
</div>
</div>
</div>
<input class="form-control" type="text" id="txtNome" name="txtNome" value="a"/>
<input class="form-control" type="text" id="txtDoc" name="txtDoc" value= "111"/>
<input class="form-control" type="text" id="txtCel" name="txtCel" value= "123"/>