Q: Somar valores de dois inputs e mostrar em terceiro Sou iniciante no jQuery e não estou conseguindo somar os valores de dois inputs diferentes e mostrar em um terceiro input o resultado sem dar refresh na tela.
Alguém poderia me ajudar?
Estes são os campos do formulário:
<div class="form-group" id="formvalor"> <!-- Campo para somar -->
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Valor <small>(R$) </small><span class="required">*</span></label>
    <div class="col-md-3 col-sm-3 col-xs-12" id="valor_total">
        <input type="text" class="form-control col-md-7 col-xs-12 decimal som" name="valor" id="valor" value="<?php echo $vvalor; ?>" readonly><br>
    </div>
</div>

<div class="form-group"> <!-- Campo para somar -->
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Entrada <small>(R$) </small><span class="required">*</span></label>
    <div class="col-md-3 col-sm-3 col-xs-12" id="entrada">
        <input type="text" class="form-control col-md-7 col-xs-12 decimal som" name="entrada" value="<?php echo $vvalor; ?>"><br>
    </div>
</div>

<div class="form-group"> <!-- Campo para mostrar resultado -->
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Saldo <small>(R$) </small><span class="required">*</span></label>
    <div class="col-md-3 col-sm-3 col-xs-12" id="saldo_total">
        <input type="text" class="form-control col-md-7 col-xs-12 decimal" name="saldo" value="<?php echo $vsaldo; ?>" readonly>
    </div>
</div>

Estou tentando usar este script:
    $("#valor_total, #entrada").on('blur', function(){
    var valortotal = $('#valor_total').val(); 
    var entrada    = $('#entrada').val();

    var resultado   = parseInt(valortotal) + parseInt(entrada);
    $('#saldo_total').val(resultado);
});

Quando todos os campos então preenchidos, o resultado da soma não aparece. A div=saldo_total fica em branco.
Alguém poderia me ajudar?

A: Exemplo funcional, soma + soma = result.


jQuery(document).ready(function(){
  jQuery('input').on('keyup',function(){
    if(jQuery(this).attr('name') === 'result'){
    return false;
    }
  
    var soma1 = (jQuery('#soma1').val() == '' ? 0 : jQuery('#soma1').val());
    var soma2 = (jQuery('#soma2').val() == '' ? 0 : jQuery('#soma2').val());
    var result = (parseInt(soma1) + parseInt(soma2));
    jQuery('#result').val(result);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="soma1" id="soma1" value="" type="text">
<input name="soma2" id="soma2" value="" type="text">
<input name="result" id="result" value="" type="text">



A: Faltou você colocar os ids nos campos "input" que é o local que você quer recuperar/inputar o valor...

Exemplo:

<div class="form-group" id="formvalor"> <!-- Campo para somar -->
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Valor <small>(R$) </small><span class="required">*</span></label>
    <div class="col-md-3 col-sm-3 col-xs-12" >
        <input type="text" id="valor_total" class="form-control col-md-7 col-xs-12 decimal som" name="valor" id="valor" value="<?php echo $vvalor; ?>" readonly><br>
    </div>
</div>

<div class="form-group"> <!-- Campo para somar -->
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Entrada <small>(R$) </small><span class="required">*</span></label>
    <div class="col-md-3 col-sm-3 col-xs-12">
        <input type="text" id="entrada" class="form-control col-md-7 col-xs-12 decimal som" name="entrada" value="<?php echo $vvalor; ?>"><br>
    </div>
</div>

<div class="form-group"> <!-- Campo para mostrar resultado -->
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Saldo <small>(R$) </small><span class="required">*</span></label>
    <div class="col-md-3 col-sm-3 col-xs-12" >
        <input type="text" id="saldo_total" class="form-control col-md-7 col-xs-12 decimal" name="saldo" value="<?php echo $vsaldo; ?>" readonly>
    </div>
</div>


A: Posso estar enganado mas a julgar pelos inputs de name="valor" e   name="saldo" que são somente para leitura (readonly) e já tem seus values, o que você dá a entender é que se digite um valor no input  name="entrada" e no evento onblur te retorne o resultado da soma dos inputs valor entrada e saldo.
Fiz com Javascript, portanto não é necessário qualquer biblioteca.


 function calcular() {
     var num1 = Number(document.getElementById("valor").value);
     var num2 = Number(document.getElementById("entrada").value);
     var num3 = Number(document.getElementById("saldo").value);
     document.getElementById("saldo").value = parseFloat(num1 + num2 + num3).toFixed(2);
 
 }
 <div class="form-group" id="formvalor"> <!-- Campo para somar -->
     <label class="control-label col-md-3 col-sm-3 col-xs-12">Valor <small>(R$) </small><span class="required">*</span></label>
     <div class="col-md-3 col-sm-3 col-xs-12" id="valor_total">
         <input type="text" class="form-control col-md-7 col-xs-12 decimal som" name="valor" id="valor" value="5" readonly><br>
     </div>
 </div>
 
 <div class="form-group"> <!-- Campo para somar -->
     <label class="control-label col-md-3 col-sm-3 col-xs-12">Entrada <small>(R$) </small><span class="required">*</span></label>
     <div class="col-md-3 col-sm-3 col-xs-12" id="valor_entrada">
         <input type="text" class="form-control col-md-7 col-xs-12 decimal som" name="entrada" id="entrada" onblur="calcular();"><br>
     </div>
 </div>
 
 <div class="form-group"> <!-- Campo para mostrar resultado -->
     <label class="control-label col-md-3 col-sm-3 col-xs-12">Saldo <small>(R$) </small><span class="required">*</span></label>
     <div class="col-md-3 col-sm-3 col-xs-12" id="saldo_total">
         <input type="text" class="form-control col-md-7 col-xs-12 decimal" name="saldo"  id="saldo" value="10" readonly>
     </div>
 </div>



OBS: foram colocados ids nos inputs que faltavam

